jquery根据类名查找上一个

Question

我正在尝试使用 jquery 根据其类名查找项目。基本上我有这个结构：

<ul class="vm_cat">
    <li><a class="mainlevel" href="/">MAIN LEVEL 1</a></li>
    <li><a class="sublevel" href="/">sub 1 a</a></li>
    <li><a class="sublevel" href="/">sub 1 b</a></li>
    <li><a class="sublevel" href="/">sub 1 c</a></li>
    <li><a class="sublevel" href="/">sub 1 d</a></li>
    <li><a class="mainlevel" href="">MAIN LEVEL 2</a></li>
    <li><a class="sublevel" href="/">sub 2 a</a></li>
    <li><a class="sublevel" href="/" id="active">sub 2 b</a></li>
    <li><a class="sublevel" href="/">sub 2 c</a></li>
    <li><a class="mainlevel" href="/">MAIN LEVEL 3</a></li>
    <li><a class="sublevel" href="/">sub 3 a</a></li>
</ul>

我希望 jQuery 找到哪个标签的 id 为“active”，然后找到前一个标签为“mainlevel”。所以它会找到“sub 2 b”，然后找到“MAIN LEVEL 2”，因为它是前一个带有“mainlevel”类的标签。如果这有意义吗？？

我知道如果列表结构正确，这会容易得多，但不幸的是，这是我必须处理的。 ：/

Answer 1

您可以使用.prevAll() 和:first 来实现，如下所示：

$("#active").parent().prevAll(":has(.mainlevel):first")​.children()

Give it a try here

这会上升到父级，然后搜索所有包含提供的选择器的先前兄弟姐妹（使用:has()），并且它们的顺序相反（最近的兄弟姐妹优先），所以你想要:first一个，然后去孩子那里得到<li>里面的<a>。