我可以使用哪个 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>

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

Answer 1

您可以使用下一个相邻选择器以及 .map（） 来创建所需的数组，如下所示

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

演示：小提琴