0

我有以下 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 中一切正常，<em> 标签被替换为 <strong>。

但在 Opera <em> 中却保持原状。此外，正则表达式根本不会捕获任何其他 HTML 标记。

有没有办法解决这种行为？我不仅需要替换标签，还需要解析它们的内容（例如，href 属性）。

4

3 回答 3

3

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

var string2 = string1.replace(/<em>/gi, '<strong>');
string2 = string2.replace(/<\/em>/gi, '</strong>');
于 2009-12-07T15:30:13.070 回答
1

当你可以使用 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);
});
于 2009-12-07T15:34:25.717 回答
0

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

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

于 2009-12-07T15:31:51.353 回答