0

我想知道是否有实现以下目标的好方法：我选择了一个 HTML 类，标有某个 CSS 类（比如<span class="myclass">My content</span>），我希望浏览器将其呈现为以某种奇怪方式自定义的文本“我的内容”，例如以这种方式：我写

<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 和标签属性的参数执行一些 Javascript 代码<span class="myclass">；这段代码应该具有用一些更复杂的 HTML 代码替换我的 HTML 标记的效果，但在 HTML 页面中保持完全相同的位置。有可能做到吗？

很抱歉我提出这个问题的方式很糟糕，但我是 HTML 和 Javascript 的自学者！

4

1 回答 1

1

如果你想替换 H​​TML 而不是文本内容，你总是可以使用这个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>
于 2013-10-12T16:18:58.107 回答