Question

我的问题是我有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>

现在我想从具有类“ myele”的“列表项1”中查找下一个元素，那么该怎么做？

当前我正在使用

$("#first").next(".myele")

但它不起作用，因为它不完全在其旁边

Answer 1

您可以使用.nextAll()进行此操作：

console.log($("#first").nextAll(".myele").first())

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<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>

Answer 2

如果想让第一项使用siblings方法，也可以使用.first()方法。

$(document).ready(function(){
    $("#first").siblings(".myele").css('color', 'red');
});

$(document).ready(function(){
$("#first").siblings(".myele").first().css('color', 'red');
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<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>

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

2 个答案: