jquery在父级中查找下一个但不完全是下一个
我的问题是 我的html格式如下:jquery在父级中查找下一个但不完全是下一个,jquery,Jquery,我的问题是 我的html格式如下: <ul id="myblock"> <li id="first" class="myele">list item 1</li> <li>list item 2</li> <li class="myele">list item 3</li> <li class="myele">list item 4</li> <li>lis
<ul id="myblock">
<li id="first" class="myele">list item 1</li>
<li>list item 2</li>
<li class="myele">list item 3</li>
<li class="myele">list item 4</li>
<li>list item 5</li>
</ul>
但它不起作用,因为它不是紧挨着它的您可以使用它来执行此操作:
console.log($(“#first”).nextAll(“.myele”).first())
清单项目1
- 清单项目2
清单项目3
- 列出第4项
- 清单项目5
您也可以使用同级
方法,如果您想要第一项,请使用.first()
方法
$(document).ready(function(){
$("#first").siblings(".myele").css('color', 'red');
});
$(文档).ready(函数(){
$(“#first”).birds(“.myele”).first().css('color','red');
});代码>
清单项目1
- 清单项目2
清单项目3
- 列出第4项
- 清单项目5
也许吧?试试$(“.myele”).first()
但是如何获得下一个兄弟姐妹呢?$(“.first”).parent().next(.myele”).first()
完美且非常简单。使用[0]
可能会导致类似未定义的错误。相反,使用或first()
可能是更好的解决方案。谢谢@User863兄弟姐妹
返回所有兄弟姐妹,而不仅仅是下一个兄弟姐妹。因此,如果从列表项4开始,结果将是列表项1。
$(document).ready(function(){
$("#first").siblings(".myele").css('color', 'red');
});