jQuery - 無法選擇正確的div

Question

這是一個很常見的問題，但我無法弄清楚。讓我先發布我的代碼：

<div class="myDeskContentRate"> 
    <span class='myDeskContentStar'><img src='star.png'></span> 
    <div class='myDeskContentRateCount'><span class='starCount'>1</span></div> 
</div> 

而且我的jQuery：

$('.myDeskContentStar').click(function(){ 
     $postId = $(this).attr('networkPostId'); 
     $this = $(this); 
     $starCount = $this.next('.myDeskContentRateCount'); 

     $.post('/includes/classes/handler.php?do=networkPostStar', { postId : $postId }, 
     function(data){ $this.html(data); $starCount.nextUntil('.starCount').load('/includes/classes/handler.php?do=networkPostStarCount', { postId : $postId }); }); 
}); 

當一個明星的點擊它不得不這樣做後，然後負載，因爲它有更新的恆星數量。

我的問題是什麼，我不能選擇跨度類=「歷史starcount」股利類的內部=「myDeskContentRateCount」。

我可以得到class ='myDeskContentRateCount'但這不是我想要的。有沒有辦法讓我獲得span class ='starCount'？

在此先感謝。

Answer 1

希望這將解決你的問題：

$starCount = $this.next('.myDeskContentRateCount').find('.starCount'); 

Answer 2

$('div.myDeskContentRate > div.myDeskContentRateCount > span.starCount'); 

會選擇它。其他的可能性

$('div.myDeskContentRateCount').child('span.starCount'); 
$('div.myDeskContentRateCount').find('span.starCount');