Utilisez jquery pour écrire un ID basé sur du texte dans une balise span

Question

Je ne suis pas sûr que cela soit encore possible, cela étant dit ... voici un exemple de HTML avec lequel je travaille. Je veux, avec jQuery, saisir le nom du produit et l'insérer en tant qu'ID sur la balise span associée avec la classe "support", en remplaçant les espaces par des underscores.

<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> 

Ci-dessous serait le HTML souhaité que jQuery modifierait. Est-ce possible?

<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. Cependant

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

Demo!

Cela pourrait très bien créer des éléments avec des ID en double,. Pas bon.

Answer 2

quelque chose comme:

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

n'a pas vérifié, mais il devrait fonctionner, espère que je suis la parenthèse compte bien à la fin ...