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

时间:2015-03-06 09:01:24

标签: jquery html css

您好我要删除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();

这不起作用。任何人都可以告诉我实现这个目标的正确方法

3 个答案:

答案 0 :(得分:3)

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();

答案 1 :(得分:0)

尝试添加报价

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

您的#Dictionary1缺少报价

答案 2 :(得分:0)

你可以删除这样的元素

var element = document.getElementById(&#34; element-id&#34;); element.parentNode.removeChild(元件);

或 的document.getElementById(&#34;我的元素&#34)。除去();