如何使用jquery删除表中的<div>？

Question

我试图删除一个div包围的几行,但它不起作用,为什么？

$(function(){
  $("#div1").empty();
});


           <table id="tbl" border="1px">
                <thead>
                   ...
                </thead>
                <tbody id="tblBody">
                    <div id="div1">
                        <tr id="tr1">
                            <td>
                                row1
                            </td>
                        </tr>
                        <tr>
                            <td>
                                row2
                            </td>
                        </tr>
                    </div>
                </tbody>
            </table>

Answer 1

因为没有包围行的行<div>.放入一个<div>内部是无效的<tbody>,所以浏览器试图通过踢出<div>表格来"修复"你的错误,把它放在文档树中的其他地方,你没想到它,并确保它没有包含任何<tr>s.因此,当您清空它时,它没有丢失的内容.

这是多个<tbody>s的用途.