jquery - 我需要将表格行包装到 div 中

Question

我需要将表格行包装到 div 中，我确实这样做

$('table tr').each(function(){
    $(this).insertBefore('<div>');
    $(this).insertAfter('</div>');
})

但似乎不起作用更新 fiddle http://jsfiddle.net/EsdR2/1/

Answer 1

如果您试图将它们分成单独的部分而不是一行，那么也许可以尝试 tbody 方法。

<table class="table">
    <tbody class="first-part">
        <tr>
            <td>first</td>
        </tr>
    </tbody>
    <tbody class="second-part" style="display:none">
        <tr>
            <td>second</td>
        </tr>
    </tbody>
</table>

看到淡出后进行编辑，然后你可以尝试这个 javascript..

var firstPart = $('tbody.first-part');
var secondPart = $('tbody.second-part');

$('#SomeButton').click(function () {
    firstPart.fadeOut("fast");
    secondPart.fadeIn("slow");
});

这里是一个带有淡出功能的 jsFiddle。 http://jsfiddle.net/u3fNL/1/