选择在jquery中动态添加的类

Selecting class that was added dynamically in jquery

本文关键字：添加 动态 jquery 选择      更新时间：2023-09-26

我正在尝试用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}); 
});

这是一个简化的例子（去掉了粗花呢）当我点击单词"click"时，使用了一个检查器来查看类的更改。

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

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

尝试FIDDLE

参考代码

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

希望它能帮助

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