Verwenden Sie jquery, um eine ID basierend auf Text in einem span-Tag zu schreiben

Question

Ich bin mir nicht sicher, ob dies überhaupt möglich ist, mit dem gesagt ... unten ist ein Beispiel von HTML, mit dem ich arbeite. Ich möchte, mit jQuery, den Produktnamen und fügen Sie es als eine ID auf dem Paired Span-Tag mit der Klasse "Unterstützung", Leerzeichen durch Unterstriche ersetzen.

<div><span class="title">Product1 Name</span> <span class="support"></span></div> 
<div><span class="title">Product1 Name</span> <span class="support"></span></div> 
<div><span class="title">Product1 Name</span> <span class="support"></span></div> 
<div><span class="title">Product1 Name</span> <span class="support"></span></div> 

Unten wäre die gewünschte HTML, die jQuery ändern würde. Ist das möglich?

<div><span class="title">Product1 Name</span> <span class="support" id="product1_name"></span> </div> 
<div><span class="title">Product2 Name</span> <span class="support" id="product2_name"></span> </div> 
<div><span class="title">Product3 Name</span> <span class="support" id="product3_name"></span> </div> 
<div><span class="title">Product4 Name</span> <span class="support" id="product4_name"></span></div> 

Answer 1

Yup.

$('span.title').each(function() 
{ 
    var $this = $(this), 
     id = $this.text().toLowerCase().replace(/ /g, '_'); 
    $this.next().attr('id', id); 
}); 

Demo!

sehr gut Dies könnte Elemente mit doppelten IDs erstellen, jedoch. Nicht gut.

Answer 2

so etwas wie:

(".title").each(function() {$(this).next(".support").attr("id",$(this).html().replace(" ","_"));}); 

hat überprüfen Sie es nicht, aber es sollte funktionieren, ich hoffe, die Klammer rechts am Ende zählen bekam ...