Có vẻ như bạn đang thiếu bộ chọn ID
ladder_nav_tabs.find["#" + first_ladder_element_inset_id].html[];
6.Bạn đang cố gắng lấy HTML từ bộ chọn:
ladder_nav_tabs.find[first_ladder_element_inset_id].html[];
Điều này sẽ không hoạt động như một bộ chọn ID cần
ladder_nav_tabs.find["#" + first_ladder_element_inset_id].html[];
6. Như thế này:ladder_nav_tabs.find["#" + first_ladder_element_inset_id].html[];
Hãy thử các mục sau để sửa mã của bạn:
btn.on['click',function[]{
var ladder_nav_tabs = $['#tabs_nav'],
first_ladder_element_inset_id = ladder_nav_tabs.find['li'].first[].attr['id'],
first_ladder_element_inset_html = ladder_nav_tabs.find["#" + first_ladder_element_inset_id].html[];
console.log[first_ladder_element_inset_html];
}];
Bản demo - Cập nhật cú pháp chọn ID hợp lệ - Updating to valid id selector syntax
Ngoài ra, bạn có thể rút ngắn mã của mình bằng EQ của JQuery, tương tự như thế này:eq, similar to this:
btn.on['click',function[]{
var theHtml = $['#tabs_nav li'].eq[0].html[];
console.log[theHTML];
}];
Mô tả: Chọn một phần tử duy nhất với thuộc tính ID đã cho.Selects a single element with the given id attribute. ID: ID để tìm kiếm, được chỉ định thông qua thuộc tính ID của một phần tử.An ID to search for, specified via the id attribute of an element. Đối với các bộ chọn ID, JQuery sử dụng chức năng JavaScript Gọi Bộ chọn ID
Phiên bản được thêm vào: 1.0JQuery ["#ID"]jQuery[ "#id" ]
8, cực kỳ hiệu quả. Khi một bộ chọn khác được gắn vào bộ chọn ID, chẳng hạn như ladder_nav_tabs.find["#" + first_ladder_element_inset_id].html[];
9, jQuery thực hiện kiểm tra bổ sung trước khi xác định phần tử là một trận đấu.ladder_nav_tabs.find["#" + first_ladder_element_inset_id].html[];
0 [hoặc btn.on['click',function[]{
var ladder_nav_tabs = $['#tabs_nav'],
first_ladder_element_inset_id = ladder_nav_tabs.find['li'].first[].attr['id'],
first_ladder_element_inset_html = ladder_nav_tabs.find["#" + first_ladder_element_inset_id].html[];
console.log[first_ladder_element_inset_html];
}];
1] với bộ chọn ID vì đối số của nó sẽ trả về một đối tượng jQuery chứa một bộ sưu tập không hoặc một phần tử DOM.btn.on['click',function[]{
var ladder_nav_tabs = $['#tabs_nav'],
first_ladder_element_inset_id = ladder_nav_tabs.find['li'].first[].attr['id'],
first_ladder_element_inset_html = ladder_nav_tabs.find["#" + first_ladder_element_inset_id].html[];
console.log[first_ladder_element_inset_html];
}];
Mỗi giá trị
btn.on['click',function[]{
var ladder_nav_tabs = $['#tabs_nav'],
first_ladder_element_inset_id = ladder_nav_tabs.find['li'].first[].attr['id'],
first_ladder_element_inset_html = ladder_nav_tabs.find["#" + first_ladder_element_inset_id].html[];
console.log[first_ladder_element_inset_html];
}];
2 chỉ phải được sử dụng một lần trong một tài liệu. Nếu có nhiều hơn một phần tử đã được gán cùng một ID, các truy vấn sử dụng ID đó sẽ chỉ chọn phần tử được khớp đầu tiên trong DOM. Tuy nhiên, hành vi này không nên dựa vào; Một tài liệu có nhiều hơn một yếu tố sử dụng cùng một ID là không hợp lệ.Nếu ID chứa các ký tự như các khoảng thời gian hoặc dấu chấm, bạn phải thoát khỏi các ký tự đó bằng dấu gạch chéo ngược.
Examples:
Chọn phần tử với ID "MyDiv" và cho nó một đường viền màu đỏ.
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 |
|
Demo:
Chọn phần tử với ID "MyID.Entry [1]" và cho nó một đường viền màu đỏ. Lưu ý làm thế nào một số ký tự nhất định phải được thoát ra với dấu gạch chéo ngược.
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 |
|
Demo:
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,
btn.on['click',function[]{
var ladder_nav_tabs = $['#tabs_nav'],
first_ladder_element_inset_id = ladder_nav_tabs.find['li'].first[].attr['id'],
first_ladder_element_inset_html = ladder_nav_tabs.find["#" + first_ladder_element_inset_id].html[];
console.log[first_ladder_element_inset_html];
}];
3 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ó
btn.on['click',function[]{
var ladder_nav_tabs = $['#tabs_nav'],
first_ladder_element_inset_id = ladder_nav_tabs.find['li'].first[].attr['id'],
first_ladder_element_inset_html = ladder_nav_tabs.find["#" + first_ladder_element_inset_id].html[];
console.log[first_ladder_element_inset_html];
}];
5 trong tài liệu:
1 2 3 |
|
Kết quả sẽ trông như thế này:
1 | ________số 8 |
Phương pháp này sử dụng thuộc tính
btn.on['click',function[]{
var ladder_nav_tabs = $['#tabs_nav'],
first_ladder_element_inset_id = ladder_nav_tabs.find['li'].first[].attr['id'],
first_ladder_element_inset_html = ladder_nav_tabs.find["#" + first_ladder_element_inset_id].html[];
console.log[first_ladder_element_inset_html];
}];
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ố.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.btn.on['click',function[]{ var ladder_nav_tabs = $['#tabs_nav'], first_ladder_element_inset_id = ladder_nav_tabs.find['li'].first[].attr['id'], first_ladder_element_inset_html = ladder_nav_tabs.find["#" + first_ladder_element_inset_id].html[]; console.log[first_ladder_element_inset_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.btn.on['click',function[]{ var ladder_nav_tabs = $['#tabs_nav'], first_ladder_element_inset_id = ladder_nav_tabs.find['li'].first[].attr['id'], first_ladder_element_inset_html = ladder_nav_tabs.find["#" + first_ladder_element_inset_id].html[]; console.log[first_ladder_element_inset_html]; }];
Phương pháp
btn.on['click',function[]{
var ladder_nav_tabs = $['#tabs_nav'],
first_ladder_element_inset_id = ladder_nav_tabs.find['li'].first[].attr['id'],
first_ladder_element_inset_html = ladder_nav_tabs.find["#" + first_ladder_element_inset_id].html[];
console.log[first_ladder_element_inset_html];
}];
3 không có sẵn trong các tài liệu XML.Khi
btn.on['click',function[]{
var ladder_nav_tabs = $['#tabs_nav'],
first_ladder_element_inset_id = ladder_nav_tabs.find['li'].first[].attr['id'],
first_ladder_element_inset_html = ladder_nav_tabs.find["#" + first_ladder_element_inset_id].html[];
console.log[first_ladder_element_inset_html];
}];
3 đượ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 |
|
Kết quả sẽ trông như thế này:
1 2 | ________số 8 |
Phương pháp này sử dụng thuộc tính
btn.on['click',function[]{
var ladder_nav_tabs = $['#tabs_nav'],
first_ladder_element_inset_id = ladder_nav_tabs.find['li'].first[].attr['id'],
first_ladder_element_inset_html = ladder_nav_tabs.find["#" + first_ladder_element_inset_id].html[];
console.log[first_ladder_element_inset_html];
}];
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ố.
1 2 3 | 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ụ:
btn.on['click',function[]{
var ladder_nav_tabs = $['#tabs_nav'],
first_ladder_element_inset_id = ladder_nav_tabs.find['li'].first[].attr['id'],
first_ladder_element_inset_html = ladder_nav_tabs.find["#" + first_ladder_element_inset_id].html[];
console.log[first_ladder_element_inset_html];
}];
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.
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. |
text-decoration: underline;
Click to change the html
to a text node.
This button does nothing.
$[ "p" ].click[function[] {
var htmlString = $[ this ].html[];
$[ this ].text[ htmlString ];
.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
1 instead of
id="notMe"
id="myDiv"
$[ "#myDiv" ].css[ "border", "3px solid red" ];
2 so that the elements are removed from the document before the new string is assigned to the element.
id="notMe"
id="myDiv"
$[ "#myDiv" ].css[ "border", "3px solid red" ];
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 |