筹码点击事件

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

我希望click函数在类上(".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>

​