我想知道是否存在一种实现以下目标的好方法：我选择了一个标记有特定CSS类（例如<span class="myclass">My content</span>）的HTML类，并且希望浏览器将其呈现为以一些奇怪的方式自定义的文本“我的内容”，例如以这种方式：我写
<span class="myclass" data-image="myimage.jpg" data-title="My Title">My content</span>
我把它换成了
<h1>My Title</h2> My con<img src="myimage.jpg">en<img src="myimage.jpg">
（每个't'出现一次图像。
我的意思是，我希望使用内部HTML和<span class="myclass">标签属性作为参数来执行一些Javascript代码；该代码应具有将我的HTML标记替换为一些更复杂的HTML代码的作用，但应使其在HTML页面中的位置完全相同。有可能做到吗？
抱歉，我提出问题的方式很糟糕，但是我是HTML和Javascript的自言自语！
如果要替换HTML而不是文本内容，则始终可以使用以下replaceWith()函数：
var newContnet = '<h1>My Title</h2> My con<img src="myimage.jpg">en<img src="myimage.jpg">';
$( ".myClass" ).replaceWith(newContent);
这是一个超简单的示例：
<html>
<head>
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var newContnet = '<h1>My Title</h2> My con<img src="myimage.jpg">en<img src="myimage.jpg">';
$(".myClass").replaceWith(newContnet);
});
</script>
</head>
<body>
<span class="myclass" data-image="myimage.jpg" data-title="My Title">My content</span>
</body>
</html>
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句