如何检索此 div 的内容？

Question

如何从 div 的内容中仅检索“正方形”？

<div class="item">
Blue 
<span>•</span> 
Square
<span>•</span>
Infinite
</div>

我尝试使用 innerText.split()，但我不知道如何实现，,

var text = $('.item').innerText.split("");

Answer 1

我不再是 jQuery 用户（不再），所以下面是使用 DOM API:

检索文本的内容

console.log(document.querySelector('.item>span:first-child').nextSibling.textContent)

<div class="item">
Blue 
<span>•</span> 
Square
<span>•</span>
Infinite
</div>

这是一个使用 split 的版本：

console.log(document.querySelector('.item').textContent.split('•')[1])

<div class="item">
Blue 
<span>•</span> 
Square
<span>•</span>
Infinite
</div>

How to retrieve the content of this div?