HTML

    <div class="dropdown-menu dropdown-menu-right" id="popcart">
<div class="media" id="2">
<a href="shop-single.html">
<span class="qty">1</span> x <span class="price">1790.00</span><button type="button" class="close" aria-label="Close" onclick="btnpopitemclose(2)">
<div class="media" id="5">
<a href="shop-single.html">
<span class="qty">1</span> x <span class="price">1990.00</span><button type="button" class="close" aria-label="Close" onclick="btnpopitemclose(5)">
</div>
</div>

我已经像下面的Jquery代码一样尝试过，但这并不成功

   function btnpopitemclose(ItemId) {

    $(this).closest('<div>').remove();//not success
$(this).parent('<div>').remove();//not success
$(this).remove();//not success
}

Answer 1

使用jQuery选择器：

包含选择器表达式以匹配元素的字符串。

查看更多：https://api.jquery.com/closest/

示例

$(function() {
  $("button.close").click(function(e) {
    e.preventDefault();
    var trg = $(this).closest("div");
    console.log("Removing " + trg.attr("id"));
    trg.remove();
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="dropdown-menu dropdown-menu-right" id="popcart">
  <div class="media" id="2">
    <a href="shop-single.html">
      <span class="qty">1</span> x <span class="price">1790.00</span>
    </a>
    <button type="button" class="close" aria-label="Close"> x </button>
  </div>
  <div class="media" id="5">
    <a href="shop-single.html">
      <span class="qty">1</span> x <span class="price">1990.00</span>
    </a>
    <button type="button" class="close" aria-label="Close"> x </button>
  </div>
</div>

希望有帮助。

Answer 2

将ID赋予您要在此处删除的属性的父属性，我已使用ID“ main_div”，即要删除父div的第二个孩子

你可以写 $（“＃main_div”）。child（）。next（）。remove（）;

希望它对您有用

Answer 3

希望这对您的下拉更改事件有用

如果是按钮，请单击，然后将$('#popcart').off().on('change',替换为$('#popcart').off().on('click',，即click事件

$('#popcart').off().on('change',function(){
var $this=$(this);
$this.closest('div[class="media"]').remove();
});

从Div Jquery中删除项目

HTML

3 个答案: