javascript - 如何使用相同的内容将自定义 HTML 标签替换为另一个标签？

是否可以为我的自定义 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> 标签之间(我不认为我应该只使用 <h2> 标签而不使用 JS)，可以放置任何我喜欢的文本。

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

我应该在 JS 中的 <eg></eg> 之间编写什么，以便在我的 HTML 代码中写入任何 <h2> 文本内容？

最佳答案

如果你想替换<eg>Test</eg>与 <h2>Test</h2>那么你可以这样做:$("eg").replaceWith("<h2>" + $("eg").html() + "</h2>"); .

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

关于javascript - 如何使用相同的内容将自定义 HTML 标签替换为另一个标签？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/33724897/