Question

我有以下JS代码（剥离到最小尺寸但问题仍然存在）

<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
</head>
<body>
<div id="debug">this is <em>test</em></div>
<script type="text/javascript">
    var string1 = $('#debug').html();
    var string2 = string1.replace(/<em>/g, '<strong>');
    string2 = string2.replace(/<\/em>/g, '</strong>');
    $('#debug').html( string2 );
</script>
</body>
</html>

在Firefox中，一切正常，＆lt; em＆gt;标签已替换为＆lt; strong＆gt;。

但是在Opera＆lt; em＆gt;中留下来了。此外，regexp根本不会捕获任何其他HTML标记。

有没有办法解决这个问题？我不仅需要替换标签，还需要解析其内容（例如，href属性）。

Answer 1

Opera将标签返回为大写，例如<EM>。您需要将正则表达式更改为不区分大小写：

var string2 = string1.replace(/<em>/gi, '<strong>');
string2 = string2.replace(/<\/em>/gi, '</strong>');

Answer 2

当您可以使用DOM方法时，请不要使用字符串方法：

$("#debug em").each(function() {
    var newElem = document.createElement("strong");
    for (int i=0; i<this.childNodes.length; ++i) {
        newElem.appendChild(this.childNodes[i]);
    }
    this.parentNode.replaceNode(newElem, this);
});

Answer 3

您的正则表达式在Opera中不匹配，因为它已将所有HTML标记规范化为大写，请尝试使用// gi

但是，如果您正在进行更多更改（“解析其内容”），我真的建议您进行正确的DOM操作而不使用正则表达式。

在Opera中使用html（）处理的JQuery问题

3 个答案: