选择在 jquery 中动态添加的类答案

【问题标题】：Selecting class that was added dynamically in jquery选择在 jquery 中动态添加的类
【发布时间】：2014-10-08 10:59:35
【问题描述】：

我正在尝试使用 addClass() 添加的类名对 div 进行更改。但我无法让它工作。

div。单击此 div 将从类中删除“一”，并将其替换为“二”，这是我设法做到的。

<div class="product one">
    Click
</div>

和 jquery。不幸的是，我似乎无法删除“二”并添加“三”或将 jquery 上的任何更改应用于“二”。

$('.product').on('click', function() {
    $(this).removeClass('one').addClass('two');
    TweenLite.to(".home_loop", 0.3, {height:110});
});

$('.two').on('click', function() {
    $('this').removeClass('two').addClass('three');
    TweenLite.to(".home_loop", 0.3, {height:0}); 
});

这是一个简化的示例（去掉了 tweenlite）当我单击“单击”一词时，使用检查器查看类更改。

http://jsfiddle.net/do6t4pa5/3/show/

我也尝试使用 .toggle，但它会使 div 中的链接不起作用。

【问题讨论】：

标签： javascript jquery class toggle

【解决方案1】：

试试FIDDLE

参考代码

$(document).ready(function(){
$('.product').on('click', function() {
    $(this).removeClass('one').addClass('two');
    $('.two').on('click', function() {
    $(this).removeClass('two').addClass('three');
});
});
});

希望对你有帮助

【讨论】：

【解决方案2】：

$(document).ready(function(){

}).on('click','.product',function(){
    $(this).removeClass('one').addClass('two');
}).on('click','.two',function(){
    $(this).removeClass('two').addClass('three');
});

【讨论】：