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