jQuery-检查是否所有同级都具有相同的类，如果是，请执行某些操作

我正在编写一个jquery函数来检查是否所有的兄弟姐妹li都有一个特定的“out”类，如果有，那么做些什么。我不知道我错在哪里。任何帮助都将不胜感激

我是一个头衔
第1项
第2项
第3项


我是第二类人
第1项
第2项
第3项

$（'h3'）。每个（函数（）{
if（$（'h3'）.nextAll（'li'）.hasClass（'out'））{
$（'h3'）.css（'background'，'red'）；
}
});

试试看

html

演示：

试试看

html

演示：

试试看

html

演示：

试试看

html

---

演示：

您的HTML无效，因此将其更改为

HTML

<h3>I'm a title</h3>
<ul>
    <li class="out">Item 1</li>
    <li class="">Item 2</li>
    <li class="">Item 3</li>
</ul>
 <h3>I'm a second set of people</h3>
<ul>
    <li class="out">Item 1</li>
    <li class="out">Item 2</li>
    <li class="out">Item 3</li>
</ul>

---

您的HTML无效，因此将其更改为

HTML

<h3>I'm a title</h3>
<ul>
    <li class="out">Item 1</li>
    <li class="">Item 2</li>
    <li class="">Item 3</li>
</ul>
 <h3>I'm a second set of people</h3>
<ul>
    <li class="out">Item 1</li>
    <li class="out">Item 2</li>
    <li class="out">Item 3</li>
</ul>

---

您的HTML无效，因此将其更改为

HTML

<h3>I'm a title</h3>
<ul>
    <li class="out">Item 1</li>
    <li class="">Item 2</li>
    <li class="">Item 3</li>
</ul>
 <h3>I'm a second set of people</h3>
<ul>
    <li class="out">Item 1</li>
    <li class="out">Item 2</li>
    <li class="out">Item 3</li>
</ul>

---

您的HTML无效，因此将其更改为

HTML

<h3>I'm a title</h3>
<ul>
    <li class="out">Item 1</li>
    <li class="">Item 2</li>
    <li class="">Item 3</li>
</ul>
 <h3>I'm a second set of people</h3>
<ul>
    <li class="out">Item 1</li>
    <li class="out">Item 2</li>
    <li class="out">Item 3</li>
</ul>

---

是的，我知道将h3放入ul是无效的，但我认为这没有多大关系。谢谢你教我如何检查长度。这非常有价值。@Moose，重要的是我们应该使用有效的HTML。你永远不知道，浏览器将如何解释无效的HTML。是的，我知道把h3放在ul中是无效的，但我不认为这有多重要。谢谢你教我如何检查长度。这非常有价值。@Moose，重要的是我们应该使用有效的HTML。你永远不知道，浏览器将如何解释无效的HTML。是的，我知道把h3放在ul中是无效的，但我不认为这有多重要。谢谢你教我如何检查长度。这非常有价值。@Moose，重要的是我们应该使用有效的HTML。你永远不知道，浏览器将如何解释无效的HTML。是的，我知道把h3放在ul中是无效的，但我不认为这有多重要。谢谢你教我如何检查长度。这非常有价值。@Moose，重要的是我们应该使用有效的HTML。您永远不知道浏览器将如何解释无效的HTML。

$('ul').each(function() {
  if( $(this).find('li.out').length == $(this).find('li').length) {
    $(this).prev('h3').css('background', 'red');
  }
});