jQuery：当它有一个'this'类时，目标第一类div

Question

<ul id="navigation">
     <li class="this">example1</li>
     <li>example2</li>
     <li>example3</li>
</ul>

如果我想定位#navigation（<li class="this">example1</li>）的第一个孩子，当它有一个'this'类并添加另一个类时，我将如何用jQuery做到这一点？

这样的东西？ jQuery("#navigation:first-child.this").addClass("corner");

Answer 1

$("#navigation li:first-child.this").addClass("yournewclass");

查看working demo

Answer 2

另一种不使用链式选择器的方法（理论上更快）

$('#navigation').children().first().filter('.this').addClass('corner');

Answer 3

使用此选择器

$("#navigation .this:first").addClass("corner");

此选择器表示：从#navigation中选择具有名为“this”的类的第一个匹配。

Answer 4

我发现此代码有效：$("#navigation li:first-child.this").addClass("corner");