là nó có thể loại bỏ một bình luận html từ dom bằng cách sử dụng jquery

Question

chỉ cần tự hỏi nếu có một cách để loại bỏ một bình luận html bằng cách sử dụng jquery.

<!-- <div id="main">Some text </div> --> 

nhờ

Answer 1

Tôi gần như bình luận nào đó không thực sự là một phần của DOM. Chúng là một phần của mã HTML gốc, nhưng khi các trình duyệt chuyển đổi nó thành DOM, chúng sẽ bị tước đi khi chúng không phục vụ mục đích hiển thị.

Answer 2

Không phải là tôi biết. Nhưng tôi không hiểu việc sử dụng nó sẽ là gì. Nhận xét sẽ chỉ được nhìn thấy nếu bạn xem nguồn trang và hầu hết các trình duyệt (nếu không phải tất cả) có tùy chọn nguồn xem sẽ mặc định cung cấp cho bạn nguồn trước khi tải javascript.

Answer 3

Hãy thử điều này:

$('*').contents().each(function() { 
    if(this.nodeType === Node.COMMENT_NODE) { 
     $(this).remove(); 
    } 
}); 

EDIT: này loại bỏ các yếu tố từ DOM. Các trình duyệt thường lưu trữ bản sao của nguồn trang gốc có thể truy cập được thông qua một mục menu. Điều này không được cập nhật.

Nếu bạn muốn ẩn nhận xét của mình, bạn luôn có thể chèn toàn bộ đánh dấu HTML (có nhận xét) vào DOM bằng javascript. Javascript có thể, tất nhiên, được xem, nhưng nó là một bước gỡ bỏ từ nơi đầu tiên mọi người sẽ xem xét.

Answer 4

Đây có thể là một cách hơi khó hiểu, nhưng nó đã làm việc tuyệt đối đối với tôi.

Nó sử dụng hàm split().

Thứ nhất

codeWithComments = $("*yourelementhere*").html(); 
var withoutComments = codeWithComments.split('-->'); 
$("*yourelementhere*").html(withoutComments[withoutComments.length-1]); 

này sẽ thay thế HTML của phần tử được với mã trực tiếp sau khi người cuối cùng '->' này dĩ nhiên giả định rằng bạn chỉ có một tập hợp các ý kiến ​​trong các yếu tố nhất định. Bạn có thể chia nhỏ trên dòng cuối cùng của nhận xét để nhận được kết quả khớp chính xác.

Làm việc cho tôi, có thể không hoạt động trong mọi trường hợp.

Answer 5

Tôi gặp phải lỗi khi tập lệnh cố truy cập nội dung IFrame. Đây là một phiên bản sửa đổi được bỏ qua IFrame:

$('*') 
.filter((idx, el) => !(el instanceof HTMLIFrameElement)) 
.contents() 
.each(() => { 
    try { 
     if(this.nodeType === Node.COMMENT_NODE) { 
      $(this).remove(); 
     } 
    } catch (e) { 
     console.error(e); 
    } 
});