Question

我有一个垂直按钮组（bootstrap），我需要一个函数来查找哪些按钮处于活动状态（具有活动类）并创建一个包含活动按钮的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);
    });
});

Demo

Answer 3

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

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

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

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

3 个答案: