javascript - 使用 jquery 将 DOM 数据附加到一行

Question

我正在尝试使用 after()在 <table> 之后放置更多 DOM 数据($('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/