jQuery bình luận/bỏ ghi chú <! - yếu tố ->

Question

Tôi đang tìm kiếm một cách để quấn, với jQuery, một yếu tố vào một bình luận, như:

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

và cũng là một cách để loại bỏ những ý kiến .

Điều này có khả thi không? bởi vì tôi không thể tìm thấy gì liên quan.

Answer 1

Để quấn một yếu tố với bình luận, hay cụ thể hơn để thay thế một phần tử có nút nhận xét có HTML của phần tử đó:

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

Để chuyển nó trở lại:

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

Nếu bạn không có tham chiếu đến nút bình luận thì bạn cần phải đi qua cây DOM và kiểm tra nodeType của mỗi nút. Nếu giá trị của nó là 8 thì đó là một chú thích.

Ví dụ:

<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

Để gói?

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

Không chắc chắn bạn sẽ tìm thấy nhận xét thành công như thế nào một lần. Tìm kiếm văn bản trên phần tử nội dung bằng cách sử dụng cụm từ thông dụng là một tùy chọn.

Hoặc này - is it possible to remove an html comment from dom using jquery

Answer 3

Bạn có thể bình luận nguyên tố này ra bằng cách làm như sau:

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

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