通过js更改li类

Question

我想要一个简单的Js来点击相应的li来执行changeBrasaoCamisa函数，alto将“ativo”放在css类中。

我试过没有成功：

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

请参阅JSFiddle here