使用jquery根據span標記中的文本編寫一個ID

Question

我不確定這是否甚至可能，因此...下面是我正在使用的HTML示例。我想用jQuery獲取產品名稱，並將其作爲ID插入配對的span標籤上，使用「support」類替換帶下劃線的空格。

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

下面是jQuery將要修改的所需HTML。這可能嗎？

<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

是。

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

Demo!

這很可能創建重複的ID元素，但是。不好。

Answer 2

類似：

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

沒有檢查它，但它應該工作，希望我得到了括號算對，到底...