jquery - 如何使用 jquery 找到 i 类活动按钮？

Question

我有一个垂直按钮组（引导程序），我需要一个函数来查找哪些按钮是活动的（具有活动类）并创建一个包含活动按钮的 i 类的数组。按钮组如下所示：-

<div class="btn-group-vertical" data-toggle="buttons-checkbox">
  <button type="button" class="btn customwidth"><i class="icon-rss"></i> news</button>
  <button type="button" class="btn customwidth active"><i class="icon-bullhorn"></i> opinion</button>
  <button type="button" class="btn customwidth active"><i class="icon-lightbulb"></i> research</button>
  <button type="button" class="btn customwidth"><i class="icon-signal"></i> stats</button>
  <button type="button" class="btn customwidth active"><i class="icon-info-sign"></i> how to...</button>
  <button type="button" class="btn customwidth"><i class="icon-desktop"></i> platform/app</button>  
  <button type="button" class="btn customwidth"><i class="icon-cloud"></i> tool</button>
  <button type="button" class="btn customwidth"><i class="icon-minus-sign"></i> uncategorised</button>    
</div>

此功能将通过单击任何按钮来触发。

请知道我将如何做到这一点。

谢谢

乔纳森

Answer 1

var arr = [];
$('button.active').each(function(){ arr.push($('i', this)[0].className) });

或者

var arr = $('button.active i').map(function() { return this.className }).get();

Answer 2

尝试这个：

$(function(){
    var array = [];
    $('.btn-group-vertical').find('button.active > i').map(function(){
        array.push(this.className);
    });
});

演示

Answer 3

function dystroysFunction()
{
    return $('button.active i').map(function() { return this.className }).get();
}

setTimeout(function(){dystroysFunction()},1000);

我正在使用dystroy的代码（显然是为他+1）结合setTimeout来帮助你。