Question

我有以下列表项目：

<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

使用find方法

找到县和城市后，可以通过选择跨区中的文本找到县和城市

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

Answer 4

过滤您点击的对象：http://jsfiddle.net/755x3/

如何使用jQuery获取列表项中的span文本？

4 个答案: