Используйте jquery для написания идентификатора на основе текста в теге span

Question

Я не уверен, что это возможно, так как это сказано ... ниже - образец HTML, с которым я работаю. Я хочу, с jQuery, захватить имя продукта и вставить его в качестве идентификатора в парном теге span с поддержкой класса, заменяя пробелы символами подчеркивания.

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

Ниже был бы желательный HTML-код, который будет изменен jQuery. Это возможно?

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

Это вполне может создавать элементы с одинаковыми идентификаторами, однако. Нехорошо.

Answer 2

что-то вроде:

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

не проверял, но он должен работать, надеюсь, что я получил кол-скобка в самом конце ...