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

Question

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

但它并没有删除该元素，有人可以帮忙吗。

Answer 1

ID 是唯一的，无论是否嵌套，只要定位唯一标识符即可。

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

您的代码存在的问题是缺少第二个 ID 前面的哈希值，并且未执行删除函数

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

但是，使用两个 ID 定位元素是没有意义的，因为 ID 是唯一!