js経由でliクラスを変更してください

Question

私はシンプルなJを使いたいと思っています。それぞれのliをクリックしてchangeBrasaoCamisa関数を実行すると、ctoクラスに "ativo"を入れます。

$("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> 

Answer 1

あなたのコードが動作する - 私は証明するために簡略化した例を作っています

ノー成功事例のを試してみました

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"); 
}); 

、それは非常に時代遅れだ、 `onclick`イベントを使用しないでくださいJSFiddle here