jquery - 如何获取元素内最近的文本？

Question

$("#item_1").text() 将返回#item_1 下的所有文本，但我只需要“第一个项目”。

是否可以使用 jquery 获取文本“第一个项目”？

<ul>    
    <li id="item_1">
        The First Item
        <ul class="ltUndertema _khKonteringUndertemaer mt2">
            <li>Item 1.1</li>
            <li>Item 1.2</li>
        </ul>
    <li>...</li>
    <li>...</li>
</ul>

Answer 1

我建议:

var text = $.trim($('#item_1').contents().filter(function(){
    return this.nodeType === 3;
}).text());

JS Fiddle demo .

或者:

var text = $('#item_1').map(function(){
    return $.trim(this.firstChild.nodeValue);
}).get().toString();

JS Fiddle demo .

没有 jQuery:

var text = document.querySelector('#item_1').firstChild.nodeValue.trim();

JS Fiddle demo .

引用资料:

• $.trim() .
• contents() .
• filter() .
• get() .
• map() .