Jquery .addClass ('myclass' )然后选择 'myclass' 不起作用

Question

我有几个带有“listingThumb”类的 div

CSS:

.listingThumb{
height:50px;
width:50px;
overflow:hidden;
}

HTML:

<div class="listingThumb"><img src="mypic.jpg"></div>

我希望用户能够单击该 div 并添加我在使用 .addClass() 添加的另一个类中的边框

.selectedThumb{
border:1px #f00 solid;
}

使用此功能:

$('.listingThumb').live('click',
    function(){
        $(this).addClass('selectedThumb');
    }
);

一切都运转良好，花花公子。我的问题是我希望当用户单击另一个 div 时切换所选的 div。所以，我用我的函数做的是......

$('.listingThumb').live('click',
    function(){
        $('.listingThumb').removeClass('selectedThumb'); // <-- remove any instance of that class...
        $(this).addClass('selectedThumb');
    }
);

但是，我通过 jquery 添加“selectedThumb”的任何 div 都不会注册为具有该类，因为它是动态添加的。

有通用的解决方案吗？

谢谢-J

Answer 1

如果您正在寻找“selectedThumb”，为什么不搜索它呢？

$('.selectedThumb').removeClass('selectedThumb');