使用onClick for dynamic按钮添加和删除类

时间:2013-09-15 17:06:43

标签: jquery css twitter-bootstrap twitter-bootstrap-3

我有这些按钮

<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引导程序崩溃但我想要一个带有图标的按钮: - )
记录的id可以放在按钮标签或span标签中,无所谓,有什么方法可以检查应用的CSS吗?
例如,${#element}.existCSS?('glyphicon-chevron-down')

2 个答案:

答案 0 :(得分:1)

尝试:

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

答案 1 :(得分:0)

你可以试试这个:

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

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