2016-08-20 31 views

回答

-1

jQuery(document).ready(function($){ 
 
    $('.button').click(function(){ 
 
    $('ul li:nth-child(3)').addClass('red'); 
 
    }); 
 
});
.red{ 
 
background:red; 
 
}
<!DOCTYPE html> 
 
<html lang=""> 
 
\t <head> 
 

 
\t \t <link rel="stylesheet" href="https://cdn.rawgit.com/twbs/bootstrap/v4-dev/dist/css/bootstrap.css"> 
 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> 
 
\t </head> 
 
\t <body> 
 
\t \t <ul> 
 
    <li>item1</li> 
 
    <li>item2</li> 
 
    <li>item3</li> 
 
    <li>item4</li> 
 
</ul> 
 
<a href="#" class="button">Select</a> 
 

 
\t \t <!-- jQuery --> 
 

 

 
\t </body> 
 
</html>

+0

希望你的答案得到了 –

+0

有一點解釋會有幫助。什麼是問題,你的代碼如何解決它? – showdev

+0

你沒有寫過「jQuery(document).ready(function($){」,所以如果你想使用jQuery庫,你需要寫這個。 –

相關問題