使用 bootstrap 设置元素的 class 后，如何修改该元素的 class？

Question

我设置了一个元素的 class ，现在想通过 JavaScript 更改该元素的 class ,我试过 jQuery 的 attr 修改 class 属性不行。
html:

<nav>
    <ul class="pager" id="pageCtr">
        <li class="previous" id="prevBTN">
            <a href="#" onclick="prevPage()"><span>&larr;</span>前一页</a>
        </li>
    </ul></nav>

js:

$('#prevBTN').className='previous disabled';

Answer 1

吧&nbsp;<li>&nbsp;标签里面的&nbsp;<a>&nbsp;换成&nbsp;<button>&nbsp;,能实现禁用按钮效果，但是&nbsp;.pager&nbsp;的 BootStrap 默认样式会变化；将<li class="previous" id='prevBTN'>&nbsp;换成&nbsp;<li class="previous disabled" id='prevBTN'>&nbsp;使用&nbsp;document.getElementById('prevBTN').className='previous disabled';&nbsp;确实可行，但使用 jQuery 时会出现问题，$('#prevBTN').className='previous disabled';&nbsp;就不能实现，主要原因是&nbsp;$('#prevBTN')&nbsp;并不能得到 DOM 元素，而 className 是 DOM 里面的属性，$(selector)&nbsp;只能得到满足选择器条件 DOM 元素集合，jQuery() (or $()) with an id selector as its argument will return a jQuery object containing a collection of either zero or one DOM element.解决方法：$('#prevBTN').get(0).className='previous disabled';