javascript - 使用 jQquery 或 JavaScript 对嵌套 html 元素进行排序

Question

我们如何解析和排序嵌套的 html 元素，如下所示:

由此:

<ins> 
    <ins> 
        <ins> 
            God
        </ins>
        Bless
    </ins>
    You
</ins>

为此:

<ins>
    God
</ins>
<ins>
    Bless
</ins>
<ins>
    you
</ins>

上述两种情况的输出应为:

God Bless you

我需要为所有人做这件事ins DOM 中的标签。

Answer 1

考虑到您已经提供了 HTML 结构，这是一种更简化的方法。

var itemEl = document.querySelector('ins');
var words = itemEl.innerText.split(" ");
let container = document.getElementById('container');
words.forEach((word) => { 
  let p = document.createElement('ins');
  p.innerText = word + " ";
  container.appendChild(p);
});

<ins> 
    <ins> 
        <ins> 
            God
        </ins>
        Bless
    </ins>
    You
</ins>

<div id="container">

</div>