选择在jQuery中动态添加的类

Question

我正在尝试使用添加了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），当我单击“ Click”一词时，使用了检查器来查看类的变化。

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

我也尝试使用.toggle，但它会使div中的链接无法正常工作。

Answer 1

尝试FIDDLE

参考代码

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

希望能帮助到你

Answer 2

$(document).ready(function(){

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