javascript - 关闭按钮替换切换类 - 同位素

Question

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

的正确操作

$(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');

});

Answer 1

尝试使用 e.stopPropagation() 以防止您的点击事件从 .close 冒泡致家长.item div 将触发您的 div 添加类 selected再次:

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

---

此外，您需要关闭您的 <div id="container">使用 </div>不是 </p>

Updated Fiddle