如何定位一個特定的標籤，並在JQuery中添加一個類

Question

我想告訴JQuery找到'listing'類的部分，然後找到類'result'。然後只給這個最後的li添加一個新的'last'類。

<section class="listings"> 
    <div class="ignore-this-div"> 
     <div class="ignore-this-div-as-well"> 
      <ul> 
       <li class="result"></li> 
       <li class="result"></li> 
      </ul> 
     </div> 
    </div> 
</section> 

$(document).ready(function() 
    $('listings .result').last.addClass('last') 
}); 

Answer 1

你已經無效的最後一個函數，應該是.last()和listings類名選擇應該有.類似以下內容：

$('.listings .result').last().addClass('last'); 

，或者您可以使用:last：

$('.listings .result:last').addClass('last'); 

Answer 2

而且，可以像這樣做：

$('.listings .result:last-child').addClass('last') 

https://jsfiddle.net/1e0ysd1d/

Answer 3

你必須與你的語法的幾個問題，這會工作：

$(document).ready(function(){ 
 
    $('.listings ul li').last().addClass('last'); 
 
});

.last{ 
 
background-color:#ccc; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<section class="listings"> 
 
    <div class="ignore-this-div"> 
 
     <div class="ignore-this-div-as-well"> 
 
      <ul> 
 
       <li class="result">first</li> 
 
       <li class="result">last</li> 
 
      </ul> 
 
     </div> 
 
    </div> 
 
</section>

$(document).ready(function()

Answer 4

你缺少括號後，last是方法，應該看起來像last()，你也必須在分號後加分號$('listings .result').last().addClass('last')

你的jQuery應該是這樣的：

$(document).ready(function(){ 
    $('.listings ul li').last().addClass('last'); 
});