只獲取與jQuery

Question

我想只得到了「22」出代碼的第一個標籤的內容...

<div class="left"> 
<a class="count-link" href="http://url1.com"> 
<span>22</span> 
users 
</a> 
<a class="count-link" href="http://url2.com"> 
<span>10</span> 
users 
</a> 
</div> 

我曾嘗試：

var text = $('.count-link span').text() 
alert(text); 

，但是這將返回2210

我怎樣才能得到只有22？

Answer 1

嘗試:first()選擇如圖所示：

var text = $('.count-link span:first').text() 

Answer 2

您可以使用.first()

var text = $('.count-link span').first().text() 

Answer 3

var text = $($('.count-link span')[0]).text() 
alert(text); 

Answer 4

使用此：

var text = $('.count-link span:first').text() 
alert(text); 

或

var text = $('.left span:eq(0)').text() 
alert(text); 

Answer 5

使用:first選擇

var text = $('.count-link:first span').text() 
 
alert(text);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<div class="left"> 
 
    <a class="count-link" href="http://url1.com"> 
 
    <span>22</span> 
 
    users 
 
    </a> 
 
    <a class="count-link" href="http://url2.com"> 
 
    <span>10</span> 
 
    users 
 
    </a> 
 
</div>

Answer 6

試試這個：

var text = $('.left span:first').text(); 
alert(text); 

Answer 7

，你也可以使用eq()過濾器的jQuery

var text = $("span").eq(0).text();