如何使用jQuery獲取列表項目中的跨文本？

Question

我有T他下面的列表項：

<li class="item" id="44"> 
    <div class="name">Bogstadveien</div> 
    <div> 
    <span class="city">Oslo</span>, 
    <span class="country">Norway</span> 
    </div> 
</li> 

一旦點擊列表中的項目，我運行腳本：

var list_item = jQuery(this); 
var guide_id = list_item.attr('id'); 

如何獲取城市和國家價值觀？
我試過使用find,closest和next，但我沒有正確使用它們。

Answer 1

var city = list_item.find('span.city').text(); 

這裏有一個例子：在http://jsfiddle.net/JdcYM/

Answer 2

var list_item = jQuery(this); 
var guide_id = list_item.attr('id'); 
var city = jQuery('span.city', list_item).text(); 
var country = jQuery('span.country', list_item).text(); 

Answer 3

過濾您點擊的對象：http://jsfiddle.net/755x3/

Answer 4

能找到縣和城市使用發現它後，選擇從範圍文找到方法

list_item.find('.city').text() 
list_item.find('.country').text()