的jQuery

Question

刪除以前添加類

我有一個後續問題是：Add and remove a class on click using jQuery?

我能夠一類添加到特定li元素使用該剪斷由傑米·泰勒：

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

我想再次通過點擊li-item中的切換元素來刪除Class。

我的jQuery的片段不工作：

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

感謝您的幫助！

Answer 1

你的問題，是因爲當你點擊<li />內的元素X的元素大火click事件，如果您不使用event.stopPropagation()，則<li />也會觸發click事件，並且該類將再次添加。

試試這個：

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

，如果這是你的問題，它應該工作。

Answer 2

在您的代碼中，它將刪除類窗體只有一個ID爲member的元素。如果你想刪除所有li元素的類，這樣使用，

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

Answer 3

試試這個

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