javascript - 我可以使用什么 jQuery 选择器来仅选择事件的自定义复选框？

Question

给定以下 HTML:

 <div class="clearfix">
    <a class="custom-checkbox"></a>
    <span class="custom-checkbox-text">Text 1</span>
</div>
 <div class="clearfix">
    <a class="custom-checkbox active"></a>
    <span class="custom-checkbox-text">Text 2</span>
</div>
 <div class="clearfix">
    <a class="custom-checkbox active"></a>
    <span class="custom-checkbox-text">Text 3</span>
</div>

我想要一个返回文本项数组的选择器，其中同级 anchor 链接属于“事件”类。例如，我希望查询为上述 HTML 返回 ["Text 2", "Text 3"]。我知道我可以使用 JavaScript 和 if/else 来做到这一点，但是有没有一种“聪明”的方法可以使用 jQuery 选择器来做到这一点？

Answer 1

您可以使用 Next Adjacent Selector连同 .map()如下所示创建所需的数组

var array = $('.custom-checkbox.active + .custom-checkbox-text').map(function(){
    return $.trim($(this).text())
}).get()

演示:Fiddle