如何删除嵌套div中存在的元素

时间:2014-07-06 18:36:54

标签: jquery

<div id="myordersdiv" style="display: block;">
   <ul>
      <li class="myorderhead active">
         <h5>
            My Orders
            <i class="myorderhead22">2</i>
         </h5>
      </li>
      <div id="ordersdiv">
         <div id="addtoordersdiv53">
         </div>
         <div id="addtoordersdiv54">
         </div>
         </div>
   </ul>
   <div class="confirmorder-row">
      <a id="ordersconfirm" hrer="#" class="btn btn-confirmorder">confirm order</a>
   </div>
</div>

以上是我网站的HTML内容

在取消选中复选框时,我需要删除 addtoordersdiv54

在复选框Listener中,我有这段代码

var id_attr_val = 54 ;
   $("#myordersdiv addtoordersdiv"+id_attr_val).remove;

但它没有删除那个元素,任何人都可以帮忙。

1 个答案:

答案 0 :(得分:3)

ID是唯一的,如果它是嵌套的,无关紧要,只针对唯一的标识符。

var id_attr_val = 54 ;
$("#addtoordersdiv" + id_attr_val).remove();

您的代码的问题是缺少第二个ID前面的哈希,而不是执行删除功能

$("#myordersdiv #addtoordersdiv" + id_attr_val).remove();

但同样,使用两个ID定位元素毫无意义,因为ID 唯一