選擇在jquery中動態添加的類

Question

我試圖使用添加了addClass（）的類名對div進行更改。 但我無法得到它的工作。

div。點擊這個div將從課堂上刪除「一個」，並將其替換爲我設法做到的「two」。

<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的鏈接無法正常工作。

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