javascript - 用特定属性及其值替换元素

Question

<p>
lorem ipsum lorem ipsums <font style="background-color:yellow">ipsum</font> ipsume lorem
</p>

如何替换<font>用 <abbr> 标记所以输出将是这样的。

 <p>
    lorem ipsum lorem ipsums <abbr style="background-color:yellow">ipsum</abbr> ipsume lorem
    </p>

Answer 1

查找任何 p 中的所有字体标签，并将其替换为具有样式属性和复制文本的缩写。

$("p font").each(function() {
    var font = $(this);

    var abbr = $("<abbr>", {
        style: font.attr("style"),
        text: font.text()
    });

    font.replaceWith(abbr);
});
​