Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/xml/13.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jquery在父级中查找下一个但不完全是下一个_Jquery - Fatal编程技术网

jquery在父级中查找下一个但不完全是下一个

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

我的问题是 我的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>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');
});