Question

我的结构如下：

<table>
<tr>
    <td class='first'>Some text</td>
    <td class='second'>Some text</td> 
</tr>
</table>

我想要做的是在第一个 td 之后添加结束tr，所以它应该是这样的：

<table>
<tr>
    <td class='first'>Some text</td>
</tr>
<tr>
    <td class='second'>Some text</td> 
</tr>
</table>

我试过

$("td.first").after('</tr><tr>') ;

但它似乎没有用。

有什么其他方法可以做到这一点？

Answer 1

尝试

$('.second').each(function () {
    var parent = $(this).parent();
    $(this).wrap('<tr />').parent().insertAfter(parent)
})

演示：Fiddle

Answer 2

试试这个，

var xTd = $("td").detach();

$("table tr").remove();

xTd.each(function(){
    $("<tr></tr>").appendTo("table").append($(this));
});

DEMO

Answer 3

试试这个：

$("td:first").after($("td:last"));
$("tr:last").remove();

Fiddle here.

Answer 4

尝试这样的事情

        $(document).ready(function(){
            var tr = $('<tr></tr>');
            tr.append($('.second'));
            $('table').append(tr);
        });

Answer 5

试试这个：

$('<tr></tr>').appendTo('table').append('.second');

使用jquery在表中插入First之后

5 个答案:

DEMO