如何在dom树中找到下一个相似的兄弟姐妹

Question

我在这里需要的是当定位在我想跳到下一个dt<\/code>元素的一个dt<\/code>元素上时。 我怎样才能做到这一点？

<dl class="accordion">
    <dt>Select Category</dt>
    <dd></dd>

    <dt>select product</dt>
    <dd></dd>
</dl>

Answer 1

在 jquery 中似乎是显而易见的选项： .next("dt")不是，因为.next()总是只返回下一个兄弟，应用过滤器.next(filter)仍然只返回下一个兄弟，但是仅当它与过滤器匹配时

jQuery 提供了两种选择：.nextUntil( )和.nextAll()

这些可以用作：

nextdt = thisdt.nextUntil("dt").next();
nextdt = thisdt.nextAll("dt").first();

其中 nextUntil 获取下一个兄弟姐妹，直到匹配（因此您需要另一个 next()）和 nextAll 获取所有匹配项（因此您需要 first()）。

在问题的代码中，这提供了以下更新：

jQuery('.accordion > dt').on('click', function() {
    $this = $(this);
    $target = $this.nextAll("dt").first(); 

小提琴示例： https ://jsfiddle.net/0wk1mkeq/