重复jquery选择器

时间:2011-09-13 12:31:40

标签: javascript jquery drupal

我有来自Drupal的HTML

<span id="terms" style="visibility:hidden">
<ul class="links inline">
<li class="taxonomy_term_14 first"><a href="/taxonomy/term/14" rel="tag" title="National Site">national</a></li> 
<li class="taxonomy_term_2 last"><a href="/category/region/all/nyc" rel="tag" title="">nyc</a></li> 
</ul></span>

我正在使用这个JQuery从第二个<li>获取文本“nyc”。

var tagText = $("#terms li + li").text();

当我检查查看tagText时,document.write(tagtext)显示“nynynynynynynynynynynynynynynyny”而不仅仅是“nyc”。为什么要重复?

5 个答案:

答案 0 :(得分:1)

$("#terms").find("ul li:last").text();

$("#terms").find("ul:last-child").text();

我相信两者都应该奏效。

或者,如果你想要冷酷,你可以使用:nth-child(n)选择器(不是基于0)

但根据你的问题......

$("#terms li:last").text()应该做到这一点。

答案 1 :(得分:0)

试试这个:

$("#terms").find(".taxonomy_term_2 last").text();

答案 2 :(得分:0)

您有<span id="terms",而javascript中有#tags

答案 3 :(得分:0)

我没有看到ID tags,我只在HTML代码段中看到terms。我假设您打算使用的选择器是

$("#terms li:last").text()

答案 4 :(得分:0)

这可以帮到你。

$(document).ready(function() {
    $("#terms li").click(function(){
        alert($(this).children('a').html());

    });
});

html是

<span id="terms" >
<ul class="links inline">
<li class="taxonomy_term_14 first"><a href="#" rel="tag" title="National Site">national</a></li> 
<li class="taxonomy_term_2 last"><a href="#" rel="tag" title="nyc">nyc</a></li> 
</ul></span>