Javascript addClass Jquery li

Javascript addClass Jquery li,javascript,jquery,css,Javascript,Jquery,Css,我完全是个新手。我试图在单击某个“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>

我完全是个新手。我试图在单击某个“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>
$(“#a”)。单击(函数(){
$(this.addClass('correct');
});
。更正{颜色:红色}

    露西 b)邦妮 希拉 d)凯
$(“#a”)。单击(函数(){
$(this.addClass('correct');
});
。更正{颜色:红色}

    露西 b)邦妮 希拉 d)凯
查找id为“a”的元素,该元素是li的子元素。你需要:

ul li#a
查找id为“a”的元素,该元素是li的子元素。你需要:

ul li#a
您很接近——您只是在选择器和id之间有一个空格:

  • li#a
    表示“id为'a'的li”

  • li#a
    表示“某个id为'a'的元素位于li内部”

$(“ul li#a”)。单击(函数(){
$(this.addClass('correct');
});

    露西 b)邦妮 希拉 d)凯
您很接近——您只是在选择器和id之间有一个空格:

  • li#a
    表示“id为'a'的li”

  • li#a
    表示“某个id为'a'的元素位于li内部”

$(“ul li#a”)。单击(函数(){
$(this.addClass('correct');
});

    露西 b)邦妮 希拉 d)凯
选择器应该是
$(“ul li#a”)
$(“ul#a”)
如果它有一个ID,你应该直接用
$(“#a”)
选择。谢谢大家,但出于某种原因,它不起作用。我不确定我做错了什么。选择器应该是
$(“ul li#a”)
$(“ul#a”)
如果它有一个ID,你应该直接用
$(“#a”)
选择。谢谢你们,但出于某种原因,它不起作用。我不确定我做错了什么。
ul li#a