jQuery的註釋/取消註釋<！ - 元素 - >

Question

我正在尋找一種方式來包裝，用jQuery，元素轉換爲註釋，如：

<!-- 
<div class="my_element"></div> 
--> 

，也是一個辦法刪除評論。

這可能嗎？因爲我找不到任何相關的東西。

Answer 1

要使用註釋包裹的元素，或者更具體地說，以取代具有該元素的HTML的評論節點的元素：

my_element_jq = $('.my_element'); 
comment = document.createComment(my_element_jq.get(0).outerHTML); 
my_element_jq.replaceWith(comment); 

要切換回：

$(comment).replaceWith(comment.nodeValue); 

如果你不具備參考註釋節點，那麼你需要遍歷DOM樹和檢查每個節點的nodeType。如果它的值是8，那麼它是一個評論。

例如：

<div id="foo"> 
    <div>bar</div> 
    <!-- <div>hello world!</div> --> 
    <div>bar</div> 
</div> 

的JavaScript：

// .contents() returns the children of each element in the set of matched elements, 
// including text and comment nodes. 
$("#foo").contents().each(function(index, node) { 
    if (node.nodeType == 8) { 
     // node is a comment 
     $(node).replaceWith(node.nodeValue); 
    } 
}); 

Answer 2

包裝？

function wrap(jQueryElement){ 
    jQueryElement.before("<!--").after("-->"); 
} 

不知道你會發現一旦包裝的評論有多成功。使用正則表達式對正文元素進行文本搜索是一種選擇。

或者這 - is it possible to remove an html comment from dom using jquery

Answer 3

你可以做評論的元素了以下工作：

function comment(element){ 
    element.wrap(function() { 
     return '<!--' + this.outerHTML + '"-->'; 
    }); 
} 

DEMO： http://jsfiddle.net/dirtyd77/THBpD/27/