0

我们有 addClass、removeClass、toggleClass

jQuery相当于什么

document.getElementById("field").className=(someBoolean)?"pass":"fail";

但是使用保留现有类的方法之一？

我最接近的是在我看来不是那么优雅

$("#field")
  .toggleClass("pass",someBoolean)
  .toggleClass("fail",!someBoolean);

或者使用变量

$("#field")
  .toggleClass(classWhenTrue,someBoolean)
  .toggleClass(classWhenFalse,!someBoolean);

例子：

$(function() {
  var pass = true;

    $("#field")
    .toggleClass("pass", pass)
    .toggleClass("fail", !pass);
    var classes = [...$("#field").get(0).classList];
    console.log(classes)
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<input id="field" type="text" class="test fail done" />

4

3 回答 3

1

这个？

$("#field").removeClass('pass fail').addClass(someBoolean ? 'pass' : 'fail');
于 2013-03-10T08:08:44.687 回答
0

就这样做吧。

$('#field').attr('class', someBoolean ? 'pass' : 'fail');

.attr('class', 'newClass')相当于element.className = 'newClass';

于 2013-03-10T06:04:58.990 回答
-1

你可以试试这个：

$('.submit-button')[ someBoolean ? 'addClass' : 'removeClass' ]('active')

于 2018-01-30T08:48:22.557 回答