国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

Gemeinschaft

Lernen

Tools-Bibliothek

KI-Tools

Freizeit

Deutsch

javascript - Wie ?ndere ich die Klasse eines Elements, nachdem ich es mit Bootstrap festgelegt habe?

phpcn_u1582 2017-05-18 10:47:55

827

Ich habe die Klasse eines Elements festgelegt und m?chte nun die Klasse des Elements über JavaScript ?ndern. Ich habe versucht, das Klassenattribut mit jQuery zu ?ndern, aber es hat nicht funktioniert.
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';

phpcn_u1582

Antworte allen(5)

某草草2017-05-18 10:49:55 5 Etage

假設(shè)元素

<p class="className" id="idValue"></p>

可以這樣改

var e = document.getElementById('idValue')
if (e) {
    e.className = "changedClassName"
}

屢試不爽。

jQuery把document.getElementById('idValue')改成$('#idValue')就好啦

Wie +0

Antwort hinzufügen

黃舟2017-05-18 10:49:55 4 Etage

HTML:

<p id="id_test" class="old-bootstrap">

JS:

$('#id_test').className='new_class';

不是通過attr，而是通過className

PS:
如果你想為li添加屬性disabled可以這樣做，不是添加class而是attr：
$('#prevBTN').attr('disabled', true);

去除attr：

方案1：a標簽不支持disabled屬性，所以你把a標簽換成button標簽就可以了：http://www.w3school.com.cn/ti...
方案2：用a標簽也可以，去除它的href屬性就可以實現(xiàn)不能點擊的效果，即$('#prevBTN').removeAttr('href');
參考：你把下面這段代碼拿到這個上面運行

<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js"></script>
<script>
function test() {
    $('#id_test').removeAttr('href');
}

</script>
</head>

<body>
<nav>
    <ul class="pager" id="pageCtr">
        <li class="previous" id="prevBTN">
            <a href="#" id="id_test" onclick="prevPage()"><span>&larr;</span>前一頁</a>
        </li>
    </ul>
</nav>
<button id="id_test2" onClick="test()">disable</button>
</body>
</html>

Wie +0

Antwort hinzufügen

劉奇2017-05-18 10:49:55 3 Etage

樓主的代碼是怎樣的？
為什么我這里直接用attr()來設(shè)置class是可以的呢？

另外，jQuery還有addClass()和removeClass這兩個方法，操作class 我一般用這兩種方法。

Wie +0

Antwort hinzufügen

黃舟2017-05-18 10:49:55 2 Etage

jQuery有專門操作class的方法，可以查下相關(guān)API

Wie +0

Antwort hinzufügen

淡淡煙草味2017-05-18 10:49:55 1 Etage

感謝 @daryl 和 @tony_yin 的熱心解答，我自己也想用吧 <li> 標簽里面的 <a> 換成 <button> ,能實現(xiàn)禁用按鈕效果，但是 .pager 的 BootStrap 默認樣式會變化；
將<li class="previous" id='prevBTN'> 換成 <li class="previous disabled" id='prevBTN'> 使用 document.getElementById('prevBTN').className='previous disabled'; 確實可行，但使用 jQuery 時會出現(xiàn)問題，$('prevBTN').className='previous disabled'; 就不能實現(xiàn)，主要原因是 $('prevBTN') 并不能得到 DOM 元素，而 className 是 DOM 里面的屬性，$(selector) 只能得到滿足選擇器條件 DOM 元素集合，