通过jQuery删除以前添加的类

时间:2014-09-01 10:50:38

标签: javascript jquery

我有一个跟进问题:Add and remove a class on click using jQuery?

我可以使用Jamie Taylor的剪辑为特定的li元素添加一个类:

$('.team').on('click', 'li', function() {
    $('.team li#member').removeClass('more');
    $(this).addClass('more');
});

我想通过点击li项目中的切换元素再次删除Class。

我的jQuery Snippet无法正常工作:

$('.toggle-x').click(function () {
    $('.team li#member').removeClass('more');
})

感谢您的帮助!

3 个答案:

答案 0 :(得分:1)

在您的代码中,它只会删除一个标识为member的元素的类表单。如果要从所有li元素中删除该类,请使用如下所示

$('.team li.more').removeClass('more');

答案 1 :(得分:1)

试试这个

    $(".innerLiContent").click(function(){
       $(this).parentsUntil( "li" ).removeClass('more');
    });

答案 2 :(得分:0)

您的问题是因为当您点击<li />内的元素X时,元素会触发click事件,如果您不使用event.stopPropagation() {{1}还会触发<li />事件,然后再次添加该类。

试试这个:

click

如果这是你的问题,它应该有用。