更换具有特定属性的元素，并将其值

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

如何与<abbr>更换<font>标签，因此放出来会是这样的。更换具有特定属性的元素，并将其值

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

来源

2010-05-24 Wasim Shaikh

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

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

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

    font.replaceWith(abbr); 
});

来源

2010-05-24 09:51:53 Anurag

这将替换所有<font和</font与<abbr和</abbr。

var p = document.getElementsByTagName("p")[0]; // assume this is the first P in the document 
var p.innerHTML = p.innerHTML.replace(/(<|<\/)font/g, "$1abbr")

来源

2010-05-24 09:38:35

也许你可以使用getAttributes plugin复制你的属性：

var attributes =$.getAttributes($(YOURTAG)); 
$(YOURTAG).replaceWith($('<abbr>' + YOURTAG.innerHTML + '</abbr>'); 
$(YOURTAG).attr(attributes);

注：我很抱歉，但我没有测试这一个...

来源

2010-05-24 09:45:53

这应该做的招。

$('p').each(
    function(){ 
      $(this).html($(this).html().replace(/(<|<\/)font/g, "$1abbr")); 
    } 
);

来源

2010-05-24 09:48:49 partoa

我来到这个：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head><title></title> 
<style type="text/css"><!-- 
--></style> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
<script type="text/javascript"><!-- 
$(function(){ 
    $("font").replaceWith(function(){ 
     var font = $(this); 
     return $("<abbr></abbr>") 
      .attr("style", font.attr("style")) 
      .append(font.contents()); 
    }); 
}); 
//--></script> 
</head> 
<body> 

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

</body> 
</html>

有可能是一个更直接的方式，但这似乎工作。

来源

2010-05-24 09:50:45

更换具有特定属性的元素，并将其值

回答

相关问题