Javascript 如何使用JQuery.next（）函数添加css

当添加类“播放”，然后我会添加下一个李标签自定义css。 请阅读我的密码，我的密码，你明白吗

查看我的代码

   <ul>
    <li class="playing">li (sibling)</li>
    <li id="head">li <b class="block">(sibling)</b></li>
    <li>li (sibling with class name "start")</li>
    <li>li (the next sibling of li with class name "start")</li>
    <li>li (sibling)</li>
  </ul> 

---

Jquery not working next（）属性：（

代码正在查找作为块的同级，而不是同级子项。您需要拉出

.block

并执行

查找（）


$（“.playing”）.next（“#head”）.find（“.block”）.css（{“color”：“red”，“border”：“2px solid red”}）；


李（兄弟姐妹）
li（兄弟姐妹）
li（类名为“开始”的兄弟姐妹）
li（类名为“start”的li的下一个兄弟姐妹）
李（兄弟姐妹）

JQuery:
。下一步
返回同一级别上的相关同级。
.block
是
#head
的子级，不在同一级别上

在
next
之后使用
find
，方法如下：


$（“.playing”）.next（#head）
.find（“.block”）
.css（{“color”：“red”，“border”：“2px solid red”}）；


李（兄弟姐妹）
li（兄弟姐妹）
li（类名为“开始”的兄弟姐妹）
li（类名为“start”的li的下一个兄弟姐妹）
李（兄弟姐妹）

$（.playing”）.next（#head”）.find（.block”）.addClass（“active”）；
.active{
颜色：红色；
边框：2倍纯红；
}


李（兄弟姐妹）
li（兄弟姐妹）
li（类名为“开始”的兄弟姐妹）
li（类名为“start”的li的下一个兄弟姐妹）
李（兄弟姐妹）
旁注，id不能重复。因此，使用next查找id可以替换为只查找id
$(".playing").next("#head .block").css({"color": "red", "border": "2px solid red"});