HTML Code

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>jQuery.parseHTML() — append</title>
  <style>
    .card { border: 1px solid #2563eb; padding: 1rem; border-radius: 0.5rem; max-width: 20rem; }
  </style>
</head>
<body>
  <div id="mount"></div>
  <pre id="out"></pre>
  <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
  <script>
    (function () {
      var template = '<article class="card"><h2>Title</h2><p>Body text</p></article>';
      var nodes = $.parseHTML(template.trim());
      var hasCard = nodes.length === 1 && nodes[0].className === "card";
      if (hasCard) {
        $("#mount").empty().append(nodes);
        document.getElementById("out").textContent = "Card mounted";
      }
    })();
  </script>
</body>
</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

jQuery.parseHTML() — inspect then append (Try It)