在jQuery中克隆元素後更改td

Question

我想更改我克隆的<tr>元素中的第一個TD。

林克隆和插入最後.deals_options tr元素

  var $orig = $('.deals_options:first'); 
      for (var i = 0; i < Math.abs(amount - selectCount); i++) { 
       $orig.clone().insertAfter('.deals_options:last'); 
      } 

後工作正常，但現在這個tr元素.deals_options裏面，我想補充的第一<td>內的HTML。

如何插入第一個td中的文本，插入的克隆元素中？

Answer 1

你有幾個選項。如果你真的進入單線（爲了清晰起見在這裏分成多行）：

$orig.clone() 
    .insertAfter('.deals_options:last') 
    .find('td') 
    .first() 
    .html("new content"); 

Live Example | Source

，或者如果你真的要設置新的內容之前它添加到表：

$orig.clone() 
    .find('td:first') 
    .html("new content") 
    .end() 
    .insertAfter('.deals_options:last'); 

Live Example | Source

end是jQuery的一個比較模糊的特性。

我不是爲單行自己，所以對我來說：

var clone; 

// ...then in the loop... 
clone = $orig.clone(); 
clone.find('td').first().html("new content"); 
clone.insertAfter('.deals_options:last'); 

Live Example | Source

Answer 2

發現在克隆元素的首個TD和一些文本添加到它：

var $orig = $('.deals_options:first'); 
for (var i = 0; i < Math.abs(amount - selectCount); i++) { 
    var clone = $orig.clone(); 
    clone.find('td:first').text("New Text"); 
    clone.insertAfter('.deals_options:last'); 
} 

http://jsfiddle.net/Kgrhv/