Hướng dẫn html string get element - chuỗi html lấy phần tử
Tôi đang tìm cách để có được một phần tử HTML từ một chuỗi chứa HTML. Có thể sử dụng bộ chọn jQuery để làm điều này? Show Tôi có một chức năng JavaScript có toàn bộ trang từ máy chủ, nhưng tôi chỉ cần một yếu tố từ trang đó. Hỏi ngày 20 tháng 9 năm 2010 lúc 17:59Sep 20, 2010 at 17:59Sep 20, 2010 at 17:59 2 Có, bạn có thể biến chuỗi thành các phần tử và chọn các phần tử từ nó. Thí dụ:
Đã trả lời ngày 20 tháng 9 năm 2010 lúc 18:04Sep 20, 2010 at 18:04Sep 20, 2010 at 18:04 GuffaguffaGuffaGuffa 676K108 Huy hiệu vàng723 Huy hiệu bạc998 Huy hiệu Đồng108 gold badges723 silver badges998 bronze badges108 gold badges723 silver badges998 bronze badges 9 Chỉ cần bọc văn bản HTML trong hàm $. Giống
Đã trả lời ngày 20 tháng 9 năm 2010 lúc 18:02Sep 20, 2010 at 18:02Sep 20, 2010 at 18:02 KingerroneouskingerroneousKingErroneousKingErroneous 9911 Huy hiệu vàng8 Huy hiệu bạc16 Huy hiệu đồng1 gold badge8 silver badges16 bronze badges1 gold badge8 silver badges16 bronze badges 2 Nếu bạn đang tải một trang một cách linh hoạt từ máy chủ thì bạn có thể nhắm mục tiêu chỉ một phần tử từ trang được tải bằng biểu mẫu sau với 6 6
6
Ví dụ:
Trong đó: 7 là nơi phần trang được tải sẽ được hiển thị trên trang hiện tại 8 là URL mà yêu cầu máy chủ được gửi 9 là phần tử trên trang phản hồi bạn muốn hiển thị. Chỉ có điều đó sẽ được tải vào phần tử 7. Phần còn lại của trang phản hồi sẽ không được hiển thị. 7 is where the loaded page part will be displayed on the current page 8 is the URL to which the server request is sent 9 is the element on the response page you want to display. Only that will be loaded into the element 7. The rest of the response page will not be displayed. 7 is where the loaded page part will be displayed on the current page 8 is the URL to which the server request is sent 9 is the element on the response page you want to display. Only that will be loaded into the element 7. The rest of the response page will not be displayed.Đã trả lời ngày 20 tháng 9 năm 2010 lúc 18:09Sep 20, 2010 at 18:09Sep 20, 2010 at 18:09 Peter Ajtaipeter AjtaiPeter AjtaiPeter Ajtai 56.3K13 Huy hiệu vàng121 Huy hiệu bạc140 Huy hiệu đồng13 gold badges121 silver badges140 bronze badges13 gold badges121 silver badges140 bronze badges 1 Chỉ cần sử dụng $ .Filter 4Đã trả lời ngày 18 tháng 1 năm 2017 lúc 16:40Jan 18, 2017 at 16:40Jan 18, 2017 at 16:40 1 Bạn có thể sử dụng 1 6 Đã trả lời ngày 17 tháng 4 năm 2019 lúc 6:44Apr 17, 2019 at 6:44Apr 17, 2019 at 6:44 HifihifihiFIhiFI 1.8033 huy hiệu vàng26 Huy hiệu bạc55 Huy hiệu đồng3 gold badges26 silver badges55 bronze badges3 gold badges26 silver badges55 bronze badges 1 Loading...
Tìm kiếm jQueryjQueryjQuery Tìm kiếm Diễn đàn jQuery© 2013 JQuery Foundation Được tài trợ bởi và những người khác. and others.
Đăng nhập Contents:
Được tài trợ bởi và những người khác.and others.Get the HTML contents of the first element in the set of matched elements.
.html (htmlString) .html (htmlString) .html (chức năng)
Mô tả: Nhận nội dung HTML của phần tử đầu tiên trong tập hợp các phần tử phù hợp.Get the HTML contents of the first element in the set of matched elements. Phiên bản được thêm vào: 1.0.html ().html()
Phương pháp này không có sẵn trên các tài liệu XML. Trong một tài liệu HTML, 2 có thể được sử dụng để có được nội dung của bất kỳ phần tử nào. Nếu biểu thức chọn phù hợp với nhiều phần tử, chỉ có trận đấu đầu tiên sẽ có nội dung HTML được trả về. Xem xét mã này: $(" |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 | 0 |
Demo:
Kết quả sẽ trông như thế này:
Phương pháp này sử dụng thuộc tính Set the HTML contents of each element in the set of matched elements.
5 của trình duyệt. Một số trình duyệt có thể không trả về HTML sao chép chính xác nguồn HTML trong một tài liệu gốc. Ví dụ, Internet Explorer đôi khi bỏ các trích dẫn xung quanh các giá trị thuộc tính nếu chúng chỉ chứa các ký tự chữ và số..html( htmlString )$(selectorWhereToShowNewData).load('pagePath selectorForElementFromNewData');
HTMLSTRING
Một chuỗi HTML để đặt làm nội dung của mỗi phần tử phù hợp.
Phiên bản được thêm vào: 1.4.html (chức năng).html( function ).html( function )
function
Một hàm trả về nội dung HTML để đặt. Nhận vị trí chỉ mục của phần tử trong tập hợp và giá trị HTML cũ làm đối số. JQuery làm trống phần tử trước khi gọi hàm; Sử dụng đối số OldHTML để tham khảo nội dung trước đó. Trong hàm,
7 đề cập đến phần tử hiện tại trong tập hợp.$(selectorWhereToShowNewData).load('pagePath selectorForElementFromNewData');
Phương pháp
$(selectorWhereToShowNewData).load('pagePath selectorForElementFromNewData');
2 không có sẵn trong các tài liệu XML.Khi
$(selectorWhereToShowNewData).load('pagePath selectorForElementFromNewData');
2 được sử dụng để đặt nội dung của phần tử, bất kỳ nội dung nào trong phần tử đó đều được thay thế hoàn toàn bằng nội dung mới. Ngoài ra, JQuery loại bỏ các cấu trúc khác như dữ liệu và trình xử lý sự kiện khỏi các phần tử con trước khi thay thế các yếu tố đó bằng nội dung mới.Hãy xem xét HTML sau:
1 2 3 | 0 |
Kết quả sẽ trông như thế này:
Phương pháp này sử dụng thuộc tính
$(selectorWhereToShowNewData).load('pagePath selectorForElementFromNewData');
5 của trình duyệt. Một số trình duyệt có thể không trả về HTML sao chép chính xác nguồn HTML trong một tài liệu gốc. Ví dụ, Internet Explorer đôi khi bỏ các trích dẫn xung quanh các giá trị thuộc tính nếu chúng chỉ chứa các ký tự chữ và số.Theo thiết kế, bất kỳ hàm tạo hoặc phương thức nào chấp nhận chuỗi HTML - jQuery (), .Append (), .After (), v.v. - có khả năng thực thi mã. Điều này có thể xảy ra bằng cách tiêm thẻ tập lệnh hoặc sử dụng các thuộc tính HTML thực thi mã (ví dụ:
$(selectorWhereToShowNewData).load('pagePath selectorForElementFromNewData');
6). Không sử dụng các phương pháp này để chèn các chuỗi thu được từ các nguồn không tin cậy như tham số truy vấn URL, cookie hoặc đầu vào hình thức. Làm như vậy có thể giới thiệu các lỗ hổng về chữ ký chéo (XSS). Xóa hoặc thoát bất kỳ đầu vào người dùng trước khi thêm nội dung vào tài liệu. 1 2 3 4 | Nhấp vào một đoạn văn để chuyển đổi nó từ HTML sang văn bản. |
$("I want this element")
3.html (htmlString) trả về: jQuery
Mô tả: Đặt nội dung HTML của mỗi phần tử trong tập hợp các phần tử phù hợp.
Phiên bản được thêm vào: 1.0.html (HTMLString) In Internet Explorer up to and including version 9, setting the text content of an HTML element may corrupt the text nodes of its children that are being removed from the document as a result of the operation. If you are keeping references to these DOM elements and need them to be unchanged, use In Internet Explorer up to and including version 9, setting the text content of an HTML element may corrupt the text nodes of its children that are being removed from the document as a result of the operation. If you are keeping references to these DOM elements and need them to be unchanged, use
$("I want this element")
40 instead of $("I want this element")
41 so that the elements are removed from the document before the new string is assigned to the element.Examples:
Thêm một số HTML vào mỗi div.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 | 4 |
Demo:
Thêm một số HTML vào mỗi Div sau đó ngay lập tức thực hiện các thao tác tiếp theo vào HTML được chèn.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 | 5 |