jQuery在注释标签后插入HTML

Question

如何在文档中的<!-- example comment -->之后插入HTML。例如，我想使用jQuery在特定注释标记后将CSS附加到部分。

$('<link>', {
    rel: 'stylesheet',
     href: url
 }).appendTo($("<!-- Related css to this page -->"));

- user4540007

---

https://dev59.com/-HI-5IYBdhLWcg3w483k - mplungjan

Answer 1

使用来自使用jQuery选择HTML注释的代码

var url ="bla.css";
$(function() {
  $("head").contents().filter(function() {
    return this.nodeType == 8;
  }).each(function(i, e) {
    if ($.trim(e.nodeValue) == "Related css to this page") {
      $('<link>', {
        rel: 'stylesheet',
        href: url
      }).insertAfter(e);
      return false; // stop immediately - remove if f.ex. url is an array of css
    }
  });
});

FIDDLE（由于JSFiddle插入了头部，因此使用body）

- mplungjan