通過js更改li類

-1

我想要一個簡單的Js，當點擊各自的li執行changeBrasaoCamisa函數時，alto在CSS類中放入「ativo」。通過js更改li類

我試過，沒有sucess：

$("ul li").on("click", function() { 
    $("li").removeClass("ativo"); 
    $(this).addClass("ativo"); 
});

HTML：

<div class="dorco"> 
    <ul style="list-style-type: none; cursor: pointer;"> 
    <li class="posEscudo esquerda ativo" a href="#" onclick='changeBrasaoCamisa("esquerda")'> 
     <img src="./imagens/btEscudoEsquerda.png" alt=""> 
    </li> 
    <li class="posEscudo ombro" a href="#" onclick='changeBrasaoCamisa("ombro")'> 
     <img src="./imagens/btEscudoOmbro.png" alt=""> 
    </li> 
    <li class="posEscudo centro" a href="#" onclick='changeBrasaoCamisa("centro")'> 
     <img src="./imagens/btEscudoCentro.png" alt=""> 
    </li> 
    </ul> 
</div>

來源

2016-12-06 José Nunes

不要使用'onclick'事件，這是非常不合時宜的。你添加一個不顯眼的處理程序的方法是正確的[並且工作]（https://jsfiddle.net/RoryMcCrossan/ne7d2roc/）。你的問題是什麼？如果該類似乎不適用，請檢查規則是否足以覆蓋已設置的任何規則，然後檢查控制檯是否有錯誤。 –

你的腳本與你的標記相關在哪裏？它不在文檔中，所以如果它出現在標記之前，它不會找到要綁定的元素。 – Taplar

只需在li –

你的代碼的工作 - 我做了一個簡單的例子來演示：

HTML：

<ul> 
    <li class=" ativo"> 
     a 
    </li> 
    <li> 
     b 
    </li> 
    <li> 
     c 
    </li> 
</ul>

CSS：

個

.ativo { 
    font-weight:bold; 
}

JS：

$("ul li").click(function() { 
    $("li").removeClass("ativo"); 
    $(this).addClass("ativo"); 
});

見JSFiddle here

來源

2016-12-06 16:23:14

通過js更改li類

回答

相關問題