Hướng dẫn get all html jquery - lấy tất cả jquery html

Tôi muốn có được toàn bộ HTML của một phần tử đã chọn không chỉ là nội dung. . HTML:

Nội dung chính

• Tất cả chọn
• Làm thế nào để tôi có được toàn bộ HTML trong jQuery?
• Bạn có thể chọn tất cả các yếu tố bằng cách sử dụng jQuery làm thế nào?
• Làm thế nào các yếu tố HTML được sử dụng trong jQuery?
• 4 cách tìm kiếm các yếu tố HTML là gì?

  

    
Some Content
  
  

    
Some Content
  

Sử dụng

  

    
Some Content
  

  

    
Some Content
  

Tôi không thể sử dụng .Parent vì điều này sẽ trả lại HTML của cả hai div con.

Flimzy

70.4K15 Huy hiệu vàng132 Huy hiệu bạc171 Huy hiệu đồng15 gold badges132 silver badges171 bronze badges15 gold badges132 silver badges171 bronze badges

Đã hỏi ngày 1 tháng 9 năm 2010 lúc 0:27Sep 1, 2010 at 0:27Sep 1, 2010 at 0:27

0

Bạn có thể sao chép nó để có được toàn bộ nội dung, như thế này:

var html = $("
").append($("#div1").clone()).html();

Hoặc biến nó thành một plugin, hầu hết có xu hướng gọi đây là "outerhtml", như thế này:

jQuery.fn.outerHTML = function() {
  return jQuery('
').append(this.eq(0).clone()).html();
};

Sau đó, bạn chỉ có thể gọi:

var html = $("#div1").outerHTML();

Đã trả lời ngày 1 tháng 9 năm 2010 lúc 0:28Sep 1, 2010 at 0:28Sep 1, 2010 at 0:28

Nick Cravernick CraverNick CraverNick Craver

615K134 Huy hiệu vàng1292 Huy hiệu bạc1152 Huy hiệu đồng134 gold badges1292 silver badges1152 bronze badges134 gold badges1292 silver badges1152 bronze badges

2

Sự khác biệt có thể không có ý nghĩa trong trường hợp sử dụng điển hình, nhưng sử dụng chức năng DOM tiêu chuẩn

$("#el")[0].outerHTML

nhanh gấp đôi so với

$("
").append($("#el").clone()).html();

Vì vậy, tôi sẽ đi với:

/* 
 * Return outerHTML for the first element in a jQuery object,
 * or an empty string if the jQuery object is empty;  
 */
jQuery.fn.outerHTML = function() {
   return (this[0]) ? this[0].outerHTML : '';  
};

zb226

8.9676 Huy hiệu vàng47 Huy hiệu bạc75 Huy hiệu Đồng6 gold badges47 silver badges75 bronze badges6 gold badges47 silver badges75 bronze badges

Đã trả lời ngày 8 tháng 8 năm 2013 lúc 1:29Aug 8, 2013 at 1:29Aug 8, 2013 at 1:29

Pasi Jokinenpasi JokinenPasi JokinenPasi Jokinen

1.6551 Huy hiệu vàng10 Huy hiệu bạc8 Huy hiệu đồng1 gold badge10 silver badges8 bronze badges1 gold badge10 silver badges8 bronze badges

3

Bạn có thể đạt được điều đó chỉ bằng một mã dòng đơn giản hóa điều đó:

  

    
Some Content
  

Đơn giản vậy thôi.

Juan Antonio

2.1903 Huy hiệu vàng22 Huy hiệu bạc33 Huy hiệu Đồng3 gold badges22 silver badges33 bronze badges3 gold badges22 silver badges33 bronze badges

Đã trả lời ngày 26 tháng 2 năm 2017 lúc 13:59Feb 26, 2017 at 13:59Feb 26, 2017 at 13:59

1

Bạn có thể dễ dàng có được chính con và tất cả những người quá cố (trẻ em) của nó bằng phương pháp nhân bản của jQuery (), chỉ

  

    
Some Content
  

Bạn sẽ nhận được điều này cho truy vấn đầu tiên như được hỏi trong câu hỏi

  

    
Some Content
  

Đã trả lời ngày 4 tháng 3 năm 2014 lúc 13:47Mar 4, 2014 at 13:47Mar 4, 2014 at 13:47

Không khíAiryAiry

5.0336 Huy hiệu vàng48 Huy hiệu bạc72 Huy hiệu đồng6 gold badges48 silver badges72 bronze badges6 gold badges48 silver badges72 bronze badges

  

    
Some Content
  

  

    
Some Content
  

  

    
Some Content
  

  

    
Some Content
  

Làm thế nào để tôi có được toàn bộ HTML trong jQuery?

Để có được nội dung HTML của một phần tử bằng jQuery, hãy sử dụng phương thức html (). Phương thức HTML () có nội dung HTML của phần tử được khớp đầu tiên.use the html() method. The html() method gets the html contents of the first matched element.use the html() method. The html() method gets the html contents of the first matched element.

Bạn có thể chọn tất cả các yếu tố bằng cách sử dụng jQuery làm thế nào?

Trong jQuery, bạn có thể chọn nhiều phần tử bằng cách riêng biệt với biểu tượng dấu phẩy, biểu tượng. Trong trường hợp ở trên, chọn tất cả các yếu tố có tên lớp của Class Class1, và Class Class2, và ID của ID ID1.you can select multiple elements by separate it with a comma “,” symbol. In above case, select all elements that have a class name of “class1” and “class2”, and id of “id1”.you can select multiple elements by separate it with a comma “,” symbol. In above case, select all elements that have a class name of “class1” and “class2”, and id of “id1”.

Làm thế nào các yếu tố HTML được sử dụng trong jQuery?

4 cách tìm kiếm các yếu tố HTML là gì?The html() method sets or returns the content (innerHTML) of the selected elements. When this method is used to return content, it returns the content of the FIRST matched element. When this method is used to set content, it overwrites the content of ALL matched elements.

4 cách tìm kiếm các yếu tố HTML là gì?

Sử dụng .

  

    
Some Content
  

  

    
Some Content
  

Tôi không thể sử dụng .Parent vì điều này sẽ trả lại HTML của cả hai div con.

Flimzy

Tìm các phần tử HTML của bộ chọn CSS ..

Tìm các phần tử HTML bằng bộ sưu tập đối tượng HTML ..