使用Javascript动态地用更复杂的代码替换HTML标记
我想知道是否有一个很好的方法来实现以下目标：我选择一个HTML类，用特定的CSS类（比如使用Javascript动态地用更复杂的代码替换HTML标记,javascript,html,Javascript,Html,我想知道是否有一个很好的方法来实现以下目标：我选择一个HTML类，用特定的CSS类（比如我的内容）标记，然后我希望浏览器将其呈现为文本“我的内容”，以一些奇怪的方式定制，例如：我写 <span class="myclass" data-image="myimage.jpg" data-title="My Title">My content</span> 我的内容 我把它换成了 <h1>My Title</h2> My con<img sr
我的内容）标记，然后我希望浏览器将其呈现为文本“我的内容”，以一些奇怪的方式定制，例如：我写
<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">
My Title My conen
（每个“t”出现一次图像
我的意思是，我希望使用一些Javascript代码来执行内部HTML和我的
标记的属性；这段代码的效果应该是用一些更复杂的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);
var newContnet='My Title My conen'；
$（“.myClass”）.replacetwith（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>
$（文档）.ready（函数（）{
var newContnet='我的头衔我的公司'；
$（“.myClass”）.replacetwith（newContnet）；
});
我的内容
我想这正是我想要的……但是我在哪里可以得到学习它的简短教程呢？（例如，要理解代码放在哪里，如何进行查询等？有很多网站可以学习jquery。首先阅读它们并尝试一些编码。然后返回一个特定的编码问题。该系统根据什么标准知道要删除哪些字母以及将图像放在何处？我似乎一直很慢，因为你已经接受了一个答案。我正在制作一个示例，并认为无论如何我都会与你分享：如果你想让我发布一个答案并解释代码，请告诉我示例是正确的，谢谢。我想代码应该放在文档的标题中，对吗？