Jquery 在每个中展开答案

【问题标题】：Jquery unwrap in eachJquery 在每个中展开
【发布时间】：2016-08-22 14:48:11
【问题描述】：

我的解包有问题，这是我的 HTML 代码：

<div id="MyDiv">
    <span class="highlight" id="highlight_36">bolo</span> 
    caret 
    <span class="highlight" id="highlight_37">lapso</span> 
    bla bla bla bla
</div>

如果我执行：

$(".highlight").each(function() {
    // complicated operation
    ...

    $(this).contents().unwrap();
});

在我的每一个之后，（在我的浏览器检查器中）HTML 代码变为：

<div id="MyDiv">
    bolo
    caret
    lapso
    bla bla bla bla
</div>

如何获取此 HTML 代码？

<div id="MyDiv">bolo caret lapso bla bla bla bla</div>

【问题讨论】：

但是……这真的重要吗？您是否处于white-space:pre; 模式？
是的，这很重要，因为我的 DOM 正在修改

标签： jquery each unwrap

【解决方案1】：

我不明白为什么你需要这个，但如果你真的需要，你可以在手术后使用这个：

var el = document.getElementById('MyDiv');
el.innerHTML = el.innerHTML.replace(/(\s|\r|\n)+/g, ' ').trim();

这将替换您字符串中的每个双空格、换行符和制表符，并将其重新分配给元素。

【讨论】：