addClass Jquery

Question

我完全是个新手。每当单击某个"li“时，我都会尝试添加一个类。到目前为止，这对我不起作用。下面是我的一些代码：

    <ul>
        <li id="a">A) Lucy</li>
        <li id="b">B) Bonnie</li>
        <li id="c">C) Sheila</li>
        <li id="d">D) Kai</li>
    </ul>

这是我用来尝试向其中添加类的Jquery。

      $( "ul li #a" ).click(function() {
        $(this).addClass('correct');
      });

Answer 1

你很亲密--你只是在选择器和id之间有一个空格：

• li#a的意思是“安莉的身份是'a'”
• li #a的意思是“安莉里面有一个'a‘id的元素”。

​

$( "ul li#a" ).click(function() {
   $(this).addClass('correct');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>
    <li id="a">A) Lucy</li>
    <li id="b">B) Bonnie</li>
    <li id="c">C) Sheila</li>
    <li id="d">D) Kai</li>
</ul>

​

Answer 2

​

$("#a").click(function() {
  $(this).addClass('correct');
});

.correct{color:red}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>
  <li id="a">A) Lucy</li>
  <li id="b">B) Bonnie</li>
  <li id="c">C) Sheila</li>
  <li id="d">D) Kai</li>
</ul>

​

对于li #，i的意思是ID a，但li的id a更好地使用$(“a”)

Answer 3

ul li #a 

查找一个id "a“的元素，该元素是li的子元素。你需要：

ul li#a