下一个（）不选择一个元素

Question

我有这样的HTML代码：

<div> 
    <li>list item 1</li> 
    <li>list item 2</li> 
    <li class="third-item">list item 3</li> 
    <li>list item 4</li> 
    <li class="fifth-item">list item 5</li> 
    <li>list item 5</li> 
    </div> 

这jQuery代码：

$("li.third-item").next(".fifth-item").css("background-color", "red"); 

这是为了这个<li>项目漆为红色：

<li class="fifth-item">list item 5</li> 

我试过各种各样的东西，但无法弄清楚发生了什么。

Answer 1

next()元素后立即选择的兄弟姐妹，你的情况.fifth-item不是之后。所以，你需要使用nextAll()和first()

1. nextAll() - 让所有的兄弟姐妹元素
2. first()旁边 - 从集合获得的第一个元素

$("li.third-item").nextAll(".fifth-item").first().css("background-color", "red");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<ul> 
 
    <li>list item 1</li> 
 
    <li>list item 2</li> 
 
    <li class="third-item">list item 3</li> 
 
    <li>list item 4</li> 
 
    <li class="fifth-item">list item 5</li> 
 
    <li>list item 5</li> 
 
</ul>