一个类大的后退按钮

Question

我有一个bootstrap选择按钮，我想让它变大但我似乎无法让jquery选择器正确。我正在尝试下面没有运气。

$('.bootstrap-select button').addClass('btn-lg');

这是html

<div class="btn-group bootstrap-select form-control">
  <button title="Male" class="btn dropdown-toggle btn-default" type="button" data-toggle="dropdown" data-id="genderId"><span class="filter-option pull-left">Male</span>&nbsp;<span class="caret"></span>
  </button>
  <div class="dropdown-menu open">
    <ul class="dropdown-menu inner" role="menu">
      <li class="selected" data-original-index="0"><a tabindex="0" data-tokens="null"><span class="text">Male</span><span class="glyphicon glyphicon-ok check-mark"></span></a>
      </li>
      <li data-original-index="1"><a tabindex="0" data-tokens="null"><span class="text">Female</span><span class="glyphicon glyphicon-ok check-mark"></span></a>
      </li>
    </ul>
  </div>
</div>

Answer 1

唯一可行的方法是将add class更改放在select事件

中

$('.selectpicker').on('loaded.bs.select', function (e) {
        $('.bootstrap-select button').addClass('btn-lg');
        $('.bootstrap-select').addClass('input-lg');
    });