addClass 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

你被close--你只是有選擇和ID之間的空間：

• li#a手段

「與 'A' 的ID的禮」

• li #a的意思是「某個元素的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>

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>

鋰#A意味着ID爲，但李麗的孩子有id的所以更好的使用$（ 「＃a」）的

Answer 3

ul li #a 

查找ID爲「a」的元素，該元素是李的孩子。您需要：

ul li#a