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)西安。是不正确的，所以须到注意一下。