使用索引刪除班級

Question

這可能很容易，但我無法使其工作。我正在使用.each（）遍歷列表。我想知道是否可以使用索引刪除一個類。

例如。如果列表中有10個項目，並且我想要從第5個元素中刪除該類，例如單擊第8個元素時。

$(function() { 
var items = $('#v-nav>ul>li').each(function (index) { 
    $(this).click(function() { 
     if (index = 8) 
{ 
$(#5).removeClass('class'); 
} 
    }); 
}); 

任何有任何想法的人？謝謝

Answer 1

變化

$(#5).removeClass('class'); 

要

$('#v-nav>ul>li:eq(4)').removeClass('class'); 

其更好地分配你的選擇返回元素，再次做同樣的處理，從而獲得所需的元素。

$(function() { 
    var items = $('#v-nav>ul>li') 

     $('#v-nav>ul>li').click(function() { 
      if ($(this).index() = 8) 
      { 
      $(items).eq(4).removeClass('class'); 
      } 
     }); 
}); 

Answer 2

沒有必要與each()迭代，因爲每個元素已經有一個指標，並使用eq()會讓你選擇基於他們在DOM有索引的元素。該解決方案是依賴於要素是兄弟姐妹（）等

$(function() { 
    var elems = $('#v-nav>ul>li'); 

    elems.on('click', function() { 
     if ($(this).index()==8) elems.eq(4).removeClass('class'); 
    }); 
}); 

你也可以只點擊綁定到一個元素：

$(function() { 
    $('#v-nav>ul>li:eq(7)').on('click', function() { 
     $(this).siblings().filter(':eq(4)').removeClass('class'); 
    }); 
}); 

否則我只想做：

$(function() { 
    var elems = $('#v-nav>ul>li'); 
    $.each(elems, function(idx, elm) { 
     if (idx==8) elems.eq(4).removeClass('class'); 
    }); 
}); 

作爲僅包含一個數字（或以數字開頭）的旁註ID是無效的。

Answer 3

其實你並不需要遍歷所有li元素，而是你可以像這樣

$(function(){ 
    $('#v-nav>ul>li').eq(7).on('click', function(){ // eq(7) is 8th li 
    $(this).closest('ul').find('li').eq(4).removeClass('cls'); //eq(4) is 5th li 
    }); 
}); 

DEMO。