javascript - jQuery 突破表格

Question

我有一个标准的 HTML 格式的表，它通过 Zend Framework 动态生成内容。我在 PHP 端内部更改表单时遇到了问题。所以我需要以某种方式改变表格的外观。有时，我的其中一行中会出现一个元素，当该元素出现时，我想跳出表格，然后在它之后执行一些操作，然后再次启动表格。

基本上我想注入(inject)

的等价物

</tbody></table>/*other stuff*/<table><tbody>在包含我寻找的一个元素的行之后，在本例中是一个标签。

我试过$("label[for='theLable']").parents('tr').after('</tbody></table><br><table><tbody>')这似乎忽略了结束表部分添加 br，然后在同一个表中为表和 tbody 执行完整的打开/关闭标记我试图打破所以在 tr 标记之间基本上它添加了这个新表

实现这个概念的最佳方法是什么？

使用 jsfiddle 链接更新

http://jsfiddle.net/cPWDh/

Answer 1

您无法真正按照您的想法修改文档的 HTML，因为这不是更改 DOM 的合法方法。

相反，我会创建一个新表并.append您想要移动到其中的行，这会自动将它们从当前位置移动(而不是复制它们):

$(document).ready(function() {
    var $trow = $('label[for="specialLabel"]').closest('tr'),
        $table = $trow.closest('table');
    $('<table>').append( $trow.nextAll().andSelf() ).insertAfter($table);
});​

http://jsfiddle.net/cPWDh/1/