jquery - 如何使用 jQuery 在两个 id 之间选择元素？

Question

我尝试在两个 id 之间的元素上 addClass("selected") ，但它不起作用。

我使用nextUntil()。

我想在d-61之间的每个a上添加selected类> 和d-64。

我想包含 d-61 和 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() 处理 sibling 而不是 sibling 的 child 。

Example here

如果您还想选择 2 个外部元素，请尝试:

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

Example here