如何使用jQuery選擇兩個id之間的元素？

Question

我嘗試在兩個id之間的元素上嘗試addClass("selected")，但它不起作用。我使用nextUntil()。

我想每個都a和d-64之間 addClass selected。

而且我想包含和d-64的a。

這裏是我的代碼：

<ul> 
    <li id="d-60"> 
     <a href="#">60</a> 
    </li> 
    <li id="d-61"> 
     <a href="#">61</a> 
    </li> 
    <li id="d-62"> 
     <a href="#">62</a> 
    </li> 
    <li id="d-63"> 
     <a href="#">63</a> 
    </li> 
    <li id="d-64"> 
     <a href="#">64</a> 
    </li> 
    <li id="d-65"> 
     <a href="#">65</a> 
    </li> 
</ul> 

<script> 
    $("#d-61").nextUntil("#d-64", "a").addClass("selected"); 
</script> 

Answer 1

您可以使用以下

$("#d-61").nextUntil("#d-64").children('a').addClass("selected");​​ 

.nextUntil()過程兄弟姐妹兄弟姐妹沒有子女。

Example here

如果你想選擇2組外的元素爲好，試試：

$("#d-61").nextUntil("#d-64").andSelf().add('#d-64').children('a').addClass("selected");​​​​​​​​​​​ 

Example here

Answer 2

試試這個，

Live Demo

$("#d-61").nextUntil("#d-64").add("#d-61, #d-64").find('a').addClass("selected");​ 

Answer 3

$("#d-61").nextUntil("#d-64").find("a").addClass("selected") 

http://codepen.io/joe/pen/tBxwi

Answer 4

你可以在列表中的元素，並添加爲每個類。

$('ul li').each(function(index) { 
    $(this).find('a').addClass("selected"); 
});