javascript - 添加类 Jquery li

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 表示“一个 id 为‘a’的 li”

• li #a 表示“在 li 内的某个 id 为‘a’的元素”。

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