关闭按钮取代切换类 - 同位素

时间:2014-04-01 07:13:54

标签: javascript jquery

我问过类似的问题,但仍然想知道为什么我无法移除selected 我认为这是删除selected

的正确行动
$(this).parents('.item').removeClass('selected'); 

在线样本http://jsfiddle.net/QxdXW/

HTML

<div class="item"><div class="close">X</div></div>

的jQuery

var $close = $('.close');

$close.click(function(){
var $this = $(this);
   $(this).parents('.item').removeClass('selected');

});

1 个答案:

答案 0 :(得分:2)

尝试使用 e.stopPropagation() 阻止您的点击事件从.close冒泡到父.item div,这会触发您的div添加类{{1再次:

selected

<小时/> 此外,您需要使用$close.click(function(e){ e.stopPropagation(); var $this = $(this); $(this).parents('.item').removeClass('selected'); }); 而非<div id="container">

关闭</div>

<强> Updated Fiddle