javascript - 如何获取元素的文本但不包括该元素的子元素？

Question

我有一个 HTML 片段：

<li class="as-selection-item">
<a class="as-close">×</a>
Rudy Hamilton
</li>

如何从内部获取价值但又不Rudy Hamilton从内部获取价值？li.as-selection-itemxa.as-close

Answer 1

解决方案 1

document.querySelector('.as-close').nextSibling.nodeValue

JSFiddle 演示：http: //jsfiddle.net/t8Qst/

它用于nextSibling在具有类的元素之后获取节点as-close。

解决方案 2

如果你想得到 li 里面的所有东西，除了锚点，你可以使用这个：

var li = document.querySelector('.as-selection-item').cloneNode(true);
li.removeChild(li.querySelector('.as-close'));
alert(li.textContent);

您克隆 li，从克隆中删除锚点，然后只显示其文本。

JSFiddle 演示：http: //jsfiddle.net/58pLz/

使用 jQuery（如果您已经在使用它），这将给出：

var li = $('.as-selection-item').clone();
$('.as-close', li).remove();
alert(li.text());

Answer 2

使用 jQuery 你可以使用这个：

$(".as-selection-item").text();

这将返回里面.as-selection-item的所有 xt 而不是 html

如果您只想要 .as-selection-item 中的文本（不在锚点中），您可以使用以下命令：

$(".as-selection-item").clone().children().remove().end().text();

这会克隆对象，删除子对象并返回文本。

小提琴