javascript从一个元素到另一个数组获取文本

Question

在获取元素到数组的文本时，我遇到了困难。我试图“提取”的结构如下所示：

<div>
    text text text text
    <h2> title </h2>
    text2 text2 text2
    <img>
    <br>
    <br>
    text3 text3 text3 
    <h2> title 2</h2>
    text4 text4 text4
</div>

我正在寻找的结果是数组：

['text text text', 'text2 text2 text2', 'text3 text3 text3', 'text4 text4 text4']

我不能编辑HTML结构。我不知道如何将这些数据发送到数组中。我只尝试过jquery中的.text()，但这不是方法，而且我在谷歌中没有发现任何有用的东西。

Answer 1

您可以使用.contents()和.map()创建解决方案。

var arr = $('div').contents().map(function () {
    if (this.nodeType == 3) {
        var text = $.trim(this.nodeValue);
        if (text != '') {
            return text
        }
    }
}).get();

console.log(arr)

演示：小提琴