css - 如何选择三个元素的中间？

Question

我有三个<li> <ul id="accordion"> 中的标签.我现在想通过 jQuery 选择各种元素。

选择第一个<li>元素，我们可以使用 $("#accordion li:first") .

选择最后<li>元素，$("#accordion li:last")作品

如何选择中间的<li>通过 jQuery 选择器元素？没有 :middle我可以在这里使用的伪类。

Answer 1

您可以组合两个“:not”选择器，这样您就可以获得所有“不是第一个，也不是最后一个”的元素，如下所示:

HTML

<ul>
    <li>First</li>
    <li>Second</li>
    <li>Third</li>
</ul>

Javascript

$('li:not(:first-child):not(:last-child)').css('color', 'red');

此外，检查 JsFiddle