Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/415.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 芯片点击事件_Javascript_Html - Fatal编程技术网

Javascript 芯片点击事件

Javascript 芯片点击事件,javascript,html,Javascript,Html,我有多个相同类名的芯片。我想写一个javascript,删除我点击的芯片。这是我的密码 HTML: 我希望click函数位于类(“.chips.icon close”)上。当我点击其中一个时,我的代码当前会删除两个芯片您可以通过以下代码隐藏或删除html标记 $("body").on("click",".chips .icon-close", function(){ $(this).parent().remove(); //Or hide chips $(this).

我有多个相同类名的芯片。我想写一个javascript,删除我点击的芯片。这是我的密码

HTML:


我希望click函数位于类(“.chips.icon close”)上。当我点击其中一个时,我的代码当前会删除两个芯片

您可以通过以下代码
隐藏
删除
html标记

$("body").on("click",".chips .icon-close", function(){
    $(this).parent().remove();
    //Or hide chips 
     $(this).parent().hide();
});
请尝试以下操作:

$('.chips')。单击(函数(){
$(this.focus().remove();
});

一般的
测试
类似于侦听器中的
$(this).parent('.chips').remove()
$("body").on("click",".chips .icon-close", function(){
    $(".chips").focus().remove();
});
$("body").on("click",".chips .icon-close", function(){
    $(this).parent().remove();
    //Or hide chips 
     $(this).parent().hide();
});