jQuery包装带有html注释标签

Question

我已经尝试了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

Answer 1

试试这个。

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