Question

我在这里有html代码片段，其中我有两个用bootstrap创建的按钮，我想添加btn-danger如果有人点击＆＃34; no＆＃34;和btn-成功，如果在＆＃34;是＆＃34;在锚类中。

＆＃13;

<div class="form-group">
                <label for="someLabel">Label</label><br>
                    <input type="hidden" name="someName" value="0"/>
                    <input id="someID" type="checkbox" name="sumName" value="1" class="hidden"/>
                    <div is="0" class="btn-group" tabindex="0" style="">
                      <a is="0" id="neg" class="btn active btn-danger">No</a>
                      <a is="1" id="pos" class="btn ">Yes</a>
                    </div>
            </div>

＆＃13;

Answer 1

使用要添加的类添加和数据属性按钮。

我已将您的a.btn更改为buttons，因为它似乎更适合此用例

＆＃13;

$('button').on('click', function() {
  $('button').removeClass('btn-success btn-danger');
  $(this).addClass($(this).data('addClass'));
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" />
<div class="form-group">
  <label for="someLabel">Label</label><br>
  <input type="hidden" name="someName" value="0" />
  <input id="someID" type="checkbox" name="sumName" value="1" class="hidden" />
  <div is="0" class="btn-group" tabindex="0" style="">
    <button is="0" id="neg" data-add-class="btn-danger" class="btn btn-primary active">No</button>
    <button is="1" id="pos" data-add-class="btn-success" class="btn btn-primary ">Yes</button>
  </div>
</div>

＆＃13;

Answer 2

$(document).ready(function(){
  $('#neg').click(function(){
    if (!$(this).hasClass('btn-danger')) {
      $(this).addClass('btn-danger')
    }
  })
  $('#pos').click(function(){
    if (!$(this).hasClass('btn-success')) {
      $(this).addClass('btn-success')
    }
  })
})

documentation addClass，如果行为是经常性的，请将其改进为更通用。

jQuery如何在现有的class元素中添加另一个值

2 个答案: