javascript - jQuery更改div的类

Question

我有一个简单的问题，我对此很陌生，但我不明白。我将数据绑定到标签 id=lbl_ArrFlt。当那个 num 改变时，我想改变它的父 div 的类。我怎么做？

 <li>
    <div class="top">
        <label>ARR FLT</label>
    </div>
    <div class="bottom">
        <label id="lbl_ArrFlt">{{ARRIVAL.FLT}}</label>
    </div>
</li>

现在我正在尝试这个

$("#lbl_ArrFlt").parent().attr("class", "top noton");

怎么了？

更多信息——有一个检查新数据的功能。如果新数据

function highlightFor(){ 
    $("#lbl_ArrFlt").parent().attr("class", "top noton");
} 

Answer 1

试试这个jQuery addClass() jQuery ready()

$(function() {

   $("#lbl_ArrFlt").parent().addClass("top noton");

});

或原件

$(function() {
   $("#lbl_ArrFlt").parent().attr("class", "top noton");
});

这些$(function(){..});代码块中的 是在document准备好的时候调用的 所以我们可以肯定地确定#lbl_ArrFlt存在

Answer 2

您可以在元素上使用addClass和removeClass来执行此操作。如果您必须多次添加和删除一个类，toggleClass可能对您有用。

Answer 3

使用 addClass() 和 removeClass() jquery 方法

$(document).ready() {

   $("#lbl_ArrFlt").parent().addClass("top noton");

});