jquery - 克隆后删除具有 id 属性的特定 div

Question

嗨，我有一个要求，我想删除 div 内的特定表格行，结构如下

<div id='Dictionary0'>
  <div id='dept'>
    <table id ='books'>
      <tr id = 'row1'><td>..</td>
      <tr id  = 'row1'><td>..</td>
       ..
       ..
       </tr>
     </table>
   </div>
  </div>


<div id='Dictionary1'>
  <div id='dept'>
    <table id ='books'>
      <tr id = 'row1'><td>..</td>
      <tr id  = 'row1'><td>..</td>
       ..
       ..
       </tr>
     </table>
   </div>
  </div>

我想删除 Dictionary1 div 中存在的 id row1 的行，我使用了下面的命令

$('#Dictionary1).find('#row1').remove();

这不起作用。谁能告诉我实现这一目标的正确方法是什么

Answer 1

ID 只能在文档中使用一次。如果您计划多次使用相同的标识符，则应该使用类。

<div id='Dictionary0'>
  <div id='dept'>
    <table id ='books'>
      <tr class = 'row1'><td>..</td>
      <tr class  = 'row1'><td>..</td>
       ..
       ..
       </tr>
     </table>
   </div>
  </div>


<div id='Dictionary1'>
  <div id='dept'>
    <table  ='books'>
      <tr class = 'row1'><td>..</td>
      <tr class  = 'row1'><td>..</td>
       ..
       ..
       </tr>
     </table>
   </div>
  </div>

使用这种方法，您可以使用以下代码删除具有 row1 类的所有元素:

$('#Dictonary1 .row1').remove();