повторяющийся селектор jquery

Question

У меня есть этот HTML из Drupal

<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 для получения текста "nyc" со второго <li>.

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

когда я проверяю для просмотра tagText, document.write (tagtext) показывает «nynynynynynynynynynynynynynynyny» вместо просто «nyc» Почему это повторяется?

Answer 1

или

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

или

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

Я считаю, что оба должны работать.

ИЛИ если вы хотите, чтобы вам стало холодно, используйте селектор :nth-child(n) (не на основе 0)

Однако, исходя из вашего вопроса ...

$("#terms li:last").text()сделать трюк.

Answer 2

это может вам помочь.

$(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>

Answer 3

У вас есть <span id="terms", а в javascript есть #tags.

Answer 4

Я не вижу идентификатор tags, я вижу только terms в вашем HTML-фрагменте. Я предполагаю, что селектор, который вы намеревались использовать, был

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

Answer 5

Попробуйте это:

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