如何使用 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>的用途。