javascript - 如何选择包装器中的所有元素？

Question

我的 dom 看起来像这样:

<div class="wrapper">
    <span>something</span>
    <span>something else</span>
    <a href="#">link</a>
    <div><b>whatever</b</div>
    <span>another thing</span>
</div>

现在我想获得 <span> 的序列s 从 div.wrapper 的 vale 开始直到 <span> 之外的标签。所以结果如下:

<span>something</span>
<span>something else</span>

有什么办法可以做到这一点吗？

<小时/>

这是我尝试过的:

$(".wrapper").find("span").html();

但它不支持“序列”部分。

Answer 1

正如有人在评论中提到的，您可以使用 nextUntil 与 addBack 组合来添加第一个匹配节点:

$('.wrapper > span:first').nextUntil(':not(span)').addBack().each(function() {
  console.log( $( this ).html() );
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div class="wrapper">
    <span>something</span>
    <span>something else</span>
    <span>and more</span>
    <span>and once again</span>
    <span>last one</span>
    <a href="#">link</a>
    <div><b>whatever</b></div>
    <span>another thing</span>
</div>