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在第一个警报中获得唯一的价值。我怎样才能做到这一点？是否有任何 jQuery 方法，因此它不会读取liDOM 树中标记下的所有内容？

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

您可以将 firstChild 与数据一起使用

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

Answer 3

。孩子们（）

。克隆（）

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

Answer 4

nodeValue您可以从每个中获取第一个li.list's childNodes：

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

小提琴