jquery - 使用 onClick 为动态按钮添加和删除类

Question

我有这些按钮

<button id="btn1" type="button" class="btn btn-default btn-sm margin-left-1">
    <span class="glyphicon glyphicon-chevron-down"></span>
</button>

<button id="btn2" type="button" class="btn btn-default btn-sm margin-left-1">
    <span class="glyphicon glyphicon-chevron-down"></span>
</button>

...etc

我想删除该类glyphicon-chevron-down并glyphicon-chevron-up在单击该按钮后添加..它的 twitter bootstrap 正在崩溃，但我想要一个带有图标的按钮 :-)
记录的 id 可以放在按钮标签或span 标签，没关系，有什么办法可以检查应用的 CSS 吗？
例如，${#element}.existCSS?('glyphicon-chevron-down')？

Answer 1

尝试：

if( $(<#element>).hasClass("glyphicon-chevron-down") ) {
 //Your code
}

Answer 2

你可以试试这个：

$('.btn-default').click(function() { $(this).find('.glyphicon-chevron-down').removeClass('glyphicon-chevron-down').addClass('glyphicon-chevron-up');
});

看看这个 - http://jsfiddle.net/9NDyL/