带有 html 注释标签的 jQuery 换行

Posted 2023-02-21

【中文标题】带有 html 注释标签的 jQuery 换行

【英文标题】：jQuery wrap with html comment tags

【发布时间】：2014-11-12 08:39:51

【问题描述】：

我已经尝试了 3 种解决方案，但都没有成功。

我想用评论标签包裹我的侧边栏。

第一个解决方案：

$("#sidebar").wrap("<!--googleoff: index--><!--googleon: index>");

第二种解决方案：

来自这个帖子：jQuery comment/uncomment <!--element-->

function comment(element)
    element.wrap(function() 
        alert(this.outerhtml);
        return '<!--googleoff: index-->'+this.outerHTML+'"<!--googleon: index>';
    );

comment($('#sidebar'));

第三种解决方案：

$('#sidebar').prepend("<!--googleoff: index-->");
$('#sidebar').append("<!--googleon: index>");

我想要的结果：

<!--googleoff: index--> //start comment tags
 <div id="sidebar"></div>
<!--googleon: index> // tags

【参考方案1】：

试试这个。

$('#sidebar').before("<!--googleoff: index-->");
$('#sidebar').after("<!--googleon: index-->");

【讨论】：

它没有用。当我查看源代码时，我找不到评论标签。

如果您使用 chrome，鼠标右键单击然后“检查元素”而不是“查看页面源代码”。 Page Source 表示加载的 Dom 元素，而不是当前的 Dom 元素