是否可以创建自己的自定义HTML标签的文本内容(HTML标签之间的文本)?

我使用以下代码:

<!DOCTYPE html>
<html>
<head>
  <script src="https://code.jquery.com/jquery-2.1.4.js"></script>
  <script>
    $(document).ready(function () {
      $("eg").replaceWith("<h2>Put the text content of eg here</h2>");
    });
  </script>
</head>
<body>
  <eg>My text</eg>
</body>
</html>


在我的JavaScript代码中的<h2>标记之间(不要认为我应该只在没有JS的情况下使用<h2>标记),可以放置我喜欢的任何文本。

示例:<eg>I can type any text here but it’ll be still in h2 tag settings</eg>

我应该在JS中的<eg></eg>之间写什么,以使任何<h2>文本内容都可以用HTML代码编写?

最佳答案

如果要将<eg>Test</eg>替换为<h2>Test</h2>,则可以执行以下操作:$("eg").replaceWith("<h2>" + $("eg").html() + "</h2>");

这是一个示例:http://plnkr.co/edit/urd69pJSXQngGIsYYSjq

09-11 18:19