用jquery将DOM数据附加到一行

Question

我试图使用after()放置更多的DOM数据(<table>)后，$('tr');我注意到新元素的宽度改变了tr的第一个td元素的宽度。我能做些什么来防止呢?

$('#table tr').click(function(){
    $(this).after(table);
    $('#data').slideDown("slow");
});

http://jsfiddle.net/HZLLb/1/

Answer 1

如注释所述，在该位置不能有table元素，并且不应该重复id。但是，您可以有多个tbody元素，以及具有相同类的多个元素，这可能是您要寻找的解决方案:

var table = '<tbody class="data" style="display:none;"><tr><td>Test</td><td>Test</td>            <td>Test</td></tr></tbody>';
$('#table').on('click', 'tr', function(){
  $(this).closest('tbody').after(table);
  $('.data').last().slideDown("slow");
});

http://jsfiddle.net/HZLLb/3/