Tôi có HTML này:
Company Information ... some button here
...content
Làm cách nào để nhận HTML sau khi tôi nhấp vào nút ở phần tiêu đề portlet, trong trường hợp này là thẻ bảng?
Tôi có mã jQuery này để lấy văn bản trên tiêu đề:
$[".portlet-header"].click[function[] {
var html = $[this].next[".portlet-content"].html[];
}];
2 nhưng không có nơi nào cố gắng truy xuất HTML theo lớp "Content_Regular" như được hiển thị ở trên.Hy vọng sự khôn ngoan của bạn có thể giúp tôi với điều này. Tôi biết điều này rất dễ dàng với người khác nhưng tôi không quen thuộc với jQuery.
cảm ơn
Jens Roland
Phim thương hiệu vàng 27.2K1414 gold badges83 silver badges104 bronze badges
Đã hỏi ngày 21 tháng 6 năm 2010 lúc 11:07Jun 21, 2010 at 11:07
Mark Vanzuelamark Vanzuelamark vanzuela
1.3734 huy hiệu vàng22 Huy hiệu bạc36 Huy hiệu đồng4 gold badges22 silver badges36 bronze badges
1
Sử dụng
$[".portlet-header"].click[function[] {
var html = $[this].next[".portlet-content"].html[];
}];
3 để nhận từ $[".portlet-header"].click[function[] {
var html = $[this].next[".portlet-content"].html[];
}];
4 đến $[".portlet-header"].click[function[] {
var html = $[this].next[".portlet-content"].html[];
}];
5 sau đó sử dụng $[".portlet-header"].click[function[] {
var html = $[this].next[".portlet-content"].html[];
}];
6 thay vì $[".portlet-header"].click[function[] {
var html = $[this].next[".portlet-content"].html[];
}];
7 để có được nội dung, như thế này:$[".portlet-header"].click[function[] {
var html = $[this].next[".portlet-content"].html[];
}];
Nếu có thể có một cái gì đó giữa các div, một yếu tố khác, v.v., hãy sử dụng
$[".portlet-header"].click[function[] {
var html = $[this].next[".portlet-content"].html[];
}];
8 thay thế, như thế này: $[".portlet-header"].click[function[] {
var html = $[this].next[".portlet-content"].html[];
}];
9Đã trả lời ngày 21 tháng 6 năm 2010 lúc 11:10Jun 21, 2010 at 11:10
Nick Cravernick CraverNick Craver
616K134 Huy hiệu vàng1293 Huy hiệu bạc1152 Huy hiệu đồng134 gold badges1293 silver badges1152 bronze badges
3
Đầu tiên, sử dụng hàm
0 thay vì hàm
$[ "div.demo-container" ].html[];
1. Thứ hai, trỏ bộ chọn của bạn vào nút bên phải, một cái gì đó như
$[ "div.demo-container" ].html[];
2. Tôi sẽ để bạn tự mình kết hợp hai người này.
$[ "div.demo-container" ].html[];
Đã trả lời ngày 21 tháng 6 năm 2010 lúc 11:09Jun 21, 2010 at 11:09
Peter Kruithofpeter KruithofPeter Kruithof
10,2K5 Huy hiệu vàng28 Huy hiệu bạc42 Huy hiệu đồng5 gold badges28 silver badges42 bronze badges
6
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 hoặc đặt nội dung HTML của mọi phần tử phù hợp.Contents:
.html [] trả về: chuỗiReturns: String
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 chấp nhận bất kỳ đối số.
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,
$[".portlet-header"].click[function[] {
var html = $[this].next[".portlet-content"].html[];
}];
6 có thể được sử dụng để có được nội dung của bất kỳ yếu 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 |
|
Để được truy xuất nội dung của ____ 24 sau đây, nó sẽ phải là công cụ đầu tiên có
5 trong tài liệu:
$[ "div.demo-container" ].html[];
1 2 3 |
|
Kết quả sẽ trông như thế này:
1 |
|
Phương pháp này sử dụng thuộc tính
6 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ố.
$[ "div.demo-container" ].html[];
Ghi chú bổ sung:
- 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ụ:
7]. 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.$[ "div.demo-container" ].html[];
Example:
Nhấp vào một đoạn văn để chuyển đổi nó từ HTML sang văn bả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 29 30 31 32 33 34 35 36 37 38 39 40 41 42 |
|
Demo:
.html [htmlString] trả về: jQueryReturns: 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.Set the HTML contents of each element in the set of matched elements.
Phiên bản được thêm vào: 1.0.html [HTMLString].html[ htmlString ]
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 ]
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,
8 đề cập đến phần tử hiện tại trong tập hợp.$[ "div.demo-container" ].html[];
Phương pháp
$[".portlet-header"].click[function[] {
var html = $[this].next[".portlet-content"].html[];
}];
6 không có sẵn trong các tài liệu XML.Khi
$[".portlet-header"].click[function[] {
var html = $[this].next[".portlet-content"].html[];
}];
6 đượ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 |
|
Nội dung của
1 có thể được đặt như thế này:
Demonstration Box
1 2 |
|
Dòng mã đó sẽ thay thế mọi thứ bên trong
1:
Demonstration Box
1 2 3 | ________số 8 |
Kể từ JQuery 1.4, phương pháp
$[".portlet-header"].click[function[] {
var html = $[this].next[".portlet-content"].html[];
}];
6 cho phép nội dung HTML được đặt bằng cách truyền trong một hàm.
1 2 3 4 |
|
Đưa ra một tài liệu với sáu đoạn văn, ví dụ này sẽ đặt HTML của
1 thành
Demonstration Box
5.
Demonstration Box
Phương pháp này sử dụng thuộc tính
6 của trình duyệt. Một số trình duyệt có thể không tạo ra một DOM sao chép chính xác nguồn HTML được cung cấp. Ví dụ: Internet Explorer trước phiên bản 8 sẽ chuyển đổi tất cả các thuộc tính
$[ "div.demo-container" ].html[];
7 trên các liên kết sang URL tuyệt đối và Internet Explorer trước phiên bản 9 sẽ không xử lý chính xác các phần tử HTML5 mà không cần thêm một lớp tương thích riêng.
Demonstration Box
Để đặt nội dung của phần tử
8, không chứa HTML, hãy sử dụng phương thức
Demonstration Box
$[".portlet-header"].click[function[] {
var html = $[this].next[".portlet-content"].html[];
}];
7 chứ không phải $[".portlet-header"].click[function[] {
var html = $[this].next[".portlet-content"].html[];
}];
6.Lưu ý: Trong Internet Explorer lên đến và bao gồm phiên bản 9, việc đặt nội dung văn bản của phần tử HTML có thể làm hỏng các nút văn bản của trẻ em đang bị xóa khỏi tài liệu do kết quả của hoạt động. Nếu bạn đang giữ các tham chiếu đến các phần tử DOM này và cần không thay đổi, hãy sử dụng
1 thay vì Demonstration Box
2 để các phần tử được xóa khỏi tài liệu trước khi chuỗi mới được gán cho phần tử. 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 Demonstration Box
1 instead of
Demonstration Box
2 so that the elements are removed from the document before the new string is assigned to the element.
Demonstration Box
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 | 0 |
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 | 1 |