我创建了一个点击事件,但该事件会影响我想一个一个做的两个下拉菜单,我也希望当我点击下一个下拉框时,第一个图标回到原位,无论我点击第一个还是第二个都没有关系总是放回我的 html 和 jquery 的图标:http://jsfiddle.net/rtu1tzep/
html:
<div class="body-title">
title
</div>
<div class="form-group">
<div class="col-md-16">
<button type="button" class="btn btn-lg dropdown-toggle btn_body" data-toggle="dropdown" aria-expanded="false">
<span id="users_label">users</span><i class="glyphicon glyphicon-asterisk"></i></button>
</div>
</div>
<div class="form-group">
<div class="col-md-16">
<button type="button" class="btn btn-lg dropdown-toggle btn_body" data-toggle="dropdown">
<span id="clients_label">clients</span>
<i class="glyphicon glyphicon-asterisk"></i>
</div>
</div>
</div>
j查询:
$( ".btn_body" ).click(function(){
$('i').removeClass('glyphicon-asterisk');
$('i').addClass('glyphicon-star');
});
最佳答案
Demo
$(".btn_body").click(function () {
$(this).find('i').toggleClass('glyphicon-asterisk glyphicon-star');
if ($(".btn_body").not(this).find("i").hasClass("glyphicon-star")) {
$(".btn_body").not(this).find("i").toggleClass('glyphicon-asterisk glyphicon-star');
}
});
关于javascript - 单击后更改下拉图标框的jquery,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32453253/