選擇在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');
});