jQuery选择器：第一个

Question

我想从列表中选择文本。我想选择“第一级文本”，而不是“第二级文本”。

<div class="selectedText"></div> 
<ul> 
    <li>First level text 
    <ul> 
     <li>Second level text</li> 
    </ul> 
    </li> 
</ul> 

我的坏选择：

var firstLI = $('ul').find('li:first'); 
$('.selectedText').text(firstLI.text()); 

它粘贴嵌套UL的内容在我的文本框中。
我怎样才能得到LI文本？谢谢。

小提琴：http://jsfiddle.net/eYa3G/

Answer 1

听起来像是你只是想该元素的第一个文本节点。

$("ul li:first").contents().first().text(); 

jsFiddle。

这将获得第一个节点的文本，这是您的案例中的文本节点。

或者，如果jQuery的供不应求......

document.querySelector("ul li:first-child").firstChild.data; 

jsFiddle。

Answer 2

这是获得li元素

alert($('ul li:first').clone().children().remove().end().text()); 

JsFiddle Demo

全码

jQuery(document).ready(function ($) { 

var data= $('ul li:first').clone().children().remove().end().text(); 
    $('.selectedText').text(data); 
});