Question

我有多个具有相同类名的芯片。我想写一个javascript，将删除我点击的芯片。这是我的代码

HTML：

<div class = "chips">
 <span>General</span>
 <div class="icon-close"></div>
</div>

<div class = "chips">
 <span>test</span>
 <div class="icon-close"></div>
</div>

JS：

$("body").on("click",".chips .icon-close", function(){
    $(".chips").focus().remove();
});

我希望点击功能在课堂上（“.chips .icon-close”）。当我点击其中任何一个时，我的代码当前删除了两个芯片

Answer 1

您可以通过以下代码hide或remove html标记。

$("body").on("click",".chips .icon-close", function(){
    $(this).parent().remove();
    //Or hide chips 
     $(this).parent().hide();
});

Answer 2

尝试以下方法：

$('.chips').click(function(){
    $(this).focus().remove();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class = "chips">
	<span>General</span>
	<div class="icon-close"></div>
</div>

<div class = "chips">
	<span>test</span>
	<div class="icon-close"></div>
</div>

筹码点击事件

2 个答案: