jquery - li タグのみを読み取り、DOM ツリーの下にある他のすべてを読み取りませんか?

Question

私はこのリスト項目を持っています:

<li class="list">A <span class="kol">1</span></li>
<li class="list">B <span class="kol">1</span></li>
<li class="list">C <span class="kol">1</span></li>

これを使用して値を読み取ります。

$( ".list" ).each(function() {
    alert($(this).text()); //gives me A 1
    alert($(this).children().text()); //gives me 1
});

A最初のアラートで値のみを取得できる必要があります。どうやってやるの？liそのためのjQueryメソッドはありますか?DOMツリーのタグの下のすべてを読み取らないようにしますか?

Answer 1

直接的な方法はわかりませんが、これは何かです

$(".list").each(function () {
    console.log($(this).clone().find('span').remove().end().text()); //gives me A
    console.log($(this).children().text()); //gives me 1
});

Answer 2

nodeValueそれぞれから最初のものを取得できますli.list's childNodes:

console.log(this.childNodes[0].nodeValue);

フィドル

Answer 3

データでfirstChildを使用できます

$(".list").each(function(i, item) {
    alert(item.firstChild.data); 
});

Answer 4

。子供（）

。クローン（）

console.log($(this).clone().children('span').remove().end().text());