删除 内的一行来自 DOM

Question

当我从

 标记中删除一行时，它下面的其余行不会像使用标准 
 那样向上移动或任何其他元素。

您可以在 http://jsfiddle.net/NN6LC/ 上查看此示例

有人以前遇到过此问题吗或者知道如何解决这个问题？

Answer 1

您正在删除跨度，但换行符仍然存在。

从技术上讲，您甚至不允许在

 中包含 。

来自 http://lib.ru/WEBMASTER/elements.html#PRE：

允许的元素...

元素

---


和解析的字符数据。

解决方法是使用

而不是

 并在 div 上设置样式，使其看起来像 aa <前>。

编辑：其他人在下面发布了答案，然后删除了他们的答案。我不知道为什么，因为这是一个很好的答案。但这就是他们的做法：

如果您不关心 在技术上不允许，您可以手动删除它和换行符，如下所示： http://jsfiddle.net/doktormolle/KgYyp/

function removeLine() {
    var line=$('pre span.line_1');
    if(line.length) {
        if(line[0].nextSibling && line[0].nextSibling.nodeType == 3) {
            line[0].parentNode.removeChild(line[0].nextSibling);
        }

    }
    line.remove();
}

这将在删除之前检查元素后面是否有换行符它，并删除换行符（如果存在）。

Answer 2

您还必须删除该行后面的换行符。

http://jsfiddle.net/doktormolle/KgYyp/

Answer 3

多么奇怪的行为啊。这是一种解决方法，但我承认它并不完全令人满意。

添加以下 CSS：

pre {white-space: normal}
pre span {display: block}

请参阅 http://jsfiddle.net/tG8V6/ 了解工作版本。