Как найти верхний (верхний слой) li в jquery?

Question

Я пытаюсь найти все топ Ли из HTML .I имеют этот знак вверх

<ul class="chapters"> 
    <li> 
     tc_1 
    </li> 
    <li> 
     tc_2<ul> 
     <li>tc_1_1</li> 
     <li>tc_1_2</li> 
     <li>tc_1_3</li> 
     </ul> 
    </li> 
    <li> 
     tc_3 
    </li> 
</ul> 

ожидаемый ответ: tc_1 ,tc_2,tc_3

Я пытался как то на самом деле я проверить и написать свой код на консоли.

1. Я пытался как то $('li') и я получаю null
2. Тогда я поставил атрибут класса «главы» на ул затем попробовать, как этот $(".chapters") снова, и я получил null.

как достичь этого?

Answer 1

Вы можете перебирать childNodes из верхних li элементов и отфильтровать их первый textNode:

var textArray = $(".chapters > li").map(function() { 
    var nodes = this.childNodes, len = nodes.length; 
    for (var i = 0; i < len; i++) { 
     if (nodes[i].nodeType === 3 && $.trim(nodes[i].nodeValue).length) { 
      return $.trim(nodes[i].nodeValue); 
     } 
    } 
}).get(); 

console.log(textArray.join()); 

Here is a demo.

Answer 2

Это локализует ul, берет его непосредственные дети (каждый из li с), а затем удаляет любые subchildren, .end(), чтобы вернуться к li с, а .text() получить содержимое.

$("ul").clone().children().children().remove().end().text() 

Это возвращает

"tc_1 

      tc_2 

      tc_3" 

из-за разрывов линий и пробелов между ними.

Answer 3

$(".chapters li").text()

должен работать.

Answer 4

$('.chapters > li').each(function(){ 
    alert($(this) .clone() 
      .children() 
      .remove() 
      .end() 
      .text()); 
}); 

JSFIDDLE

для более подробного объяснения вы можете прочитать http://viralpatel.net/blogs/jquery-get-text-element-without-child-element/