1. 程式人生 > >jquery獲取span標籤下的第一個span子標籤內容

jquery獲取span標籤下的第一個span子標籤內容

看了幾本jquery的書之後,覺得對jQuery的dom操作部分應該是比較熟悉了,但是當正式用到的時候又忽然覺得什麼也不知道,還得上網來搜,遇到的問題就是獲取span標籤下的第一個span標籤中的內容。

<p class = "local">
    <span>
        <span>西安</span>
        <span>(xian)</span>
    </span>
</p>

想獲取p標籤底下的span標籤中的第一個span標籤中的內容,即:西安
可以有以下幾種方法:

①.   $('.local span span:eq(0)').text();
②.   $('.local span span:first-child').text();
③.   $('.local span span:nth-child(1)').text();
④.   $('.local span span:first').text();

可能有人覺得是獲得span標籤下的第一個span標籤,所以應該是這樣的

$('.local span:first-child').text()

這樣獲得的結是西安(xian)西安。是不正確的,所以須到注意一下。