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?
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: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ụ:
var elements = $[theHtmlString];
var found = $['.FindMe', elements];
Đã trả lời ngày 20 tháng 9 năm 2010 lúc 18:04Sep 20, 2010 at 18:04
GuffaguffaGuffa
675K108 Huy hiệu vàng722 Huy hiệu bạc996 Huy hiệu đồng108 gold badges722 silver badges996 bronze badges
9
Chỉ cần bọc văn bản HTML trong hàm $. Giống
$["I want this element"]
Đã trả lời ngày 20 tháng 9 năm 2010 lúc 18:02Sep 20, 2010 at 18:02
KingerroneouskingerroneousKingErroneous
9911 Huy hiệu vàng8 Huy hiệu bạc16 Huy hiệu đồng1 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
$["I want this element"]
4$["I want this element"]
4$[selectorWhereToShowNewData].load['pagePath selectorForElementFromNewData'];
Ví dụ:
$['#result'].load['ajax/test.html #container'];
Trong đó:
$["I want this element"]
5 là nơi phần trang được tải sẽ được hiển thị trên trang hiện tại $["I want this element"]
6 là URL mà yêu cầu máy chủ được gửi $["I want this element"]
7 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ử $["I want this element"]
5. Phần còn lại của trang phản hồi sẽ không được hiển thị.$["I want this element"]
5 is where the loaded page part will be displayed on the current page$["I want this element"]
6 is the URL to which the server request is sent$["I want this element"]
7 is the element on the response page you want to display. Only that will be loaded into the element $["I want this element"]
5. 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:09
Peter Ajtaipeter AjtaiPeter Ajtai
56.3K13 Huy hiệu vàng121 Huy hiệu bạc139 Huy hiệu đồng13 gold badges121 silver badges139 bronze badges
1
Chỉ cần sử dụng $ .Filter
var html = ""
var found = $[html].filter[".im-here"]
Đã trả lời ngày 18 tháng 1 năm 2017 lúc 16:40Jan 18, 2017 at 16:40
1
Bạn có thể sử dụng
$["I want this element"]
9$[document].ready[function[] {
var htmlVal = "Span Value";
var spanElement = $[htmlVal].find["span"];
var spanVal = spanElement.text[];
alert[spanVal];
}];
Đã trả lời ngày 17 tháng 4 năm 2019 lúc 6:44Apr 17, 2019 at 6:44
HifihifihiFI
1.7993 huy hiệu vàng25 Huy hiệu bạc53 Huy hiệu đồng3 gold badges25 silver badges53 bronze badges
1
Loading...
- jQuery
- bổ sung
- Ui
- Gặp gỡ
- Diễn đàn
- Blog
- Về
- Quyên tặng
- Tất cả các diễn đàn
- Bài viết gần đây
- Đăng nhập
Tìm kiếm jQueryjQuery
Tìm kiếm
Diễn đàn jQuery
© 2013 JQuery Foundation
Được tài trợ bởi và những người khác.
- Tất cả các diễn đàn
- Bài viết gần đây
Mô tả: Nhận hậu duệ của mỗi phần tử trong bộ phần tử phù hợp hiện tại, được lọc bởi một bộ chọn, đối tượng jQuery hoặc phần tử.Get the descendants of each element in the current set of matched elements, filtered by a selector, jQuery object, or element. bộ chọn Một chuỗi chứa một biểu thức chọn để khớp các phần tử với. yếu tố Một phần tử hoặc một đối tượng jQuery để phù hợp với các yếu tố với. Đưa ra một đối tượng jQuery đại diện cho một tập hợp các phần tử DOM, phương thức Chữ ký đầu tiên cho .Returns: jQuery
Phiên bản được thêm vào: 1.0.find [bộ chọn].find[ selector ]
Phiên bản được thêm vào: 1.6.find [phần tử].find[ element ]
0 cho phép chúng ta tìm kiếm thông qua hậu duệ của các phần tử này trong cây Dom và xây dựng một đối tượng jQuery mới từ các phần tử phù hợp. Các phương pháp $[selectorWhereToShowNewData].load['pagePath selectorForElementFromNewData'];
0 và $[selectorWhereToShowNewData].load['pagePath selectorForElementFromNewData'];
2 là tương tự nhau, ngoại trừ việc sau này chỉ di chuyển một cấp độ duy nhất xuống cây dom.$[selectorWhereToShowNewData].load['pagePath selectorForElementFromNewData'];
0Method chấp nhận biểu thức chọn cùng loại mà chúng ta có thể chuyển đến hàm $[selectorWhereToShowNewData].load['pagePath selectorForElementFromNewData'];
4. Các yếu tố sẽ được lọc bằng cách kiểm tra xem chúng có khớp với bộ chọn này hay không; Tất cả các phần của bộ chọn phải nằm bên trong một phần tử mà trên đó .find [] được gọi. Các biểu thức được phép bao gồm các bộ chọn như $[selectorWhereToShowNewData].load['pagePath selectorForElementFromNewData'];
5 sẽ tìm thấy tất cả các đoạn văn là trẻ em của các yếu tố trong đối tượng jQuery.$[selectorWhereToShowNewData].load['pagePath selectorForElementFromNewData'];
Xem xét một trang có danh sách lồng nhau cơ bản trên đó:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
|
Nếu chúng ta bắt đầu tại Mục II, chúng ta có thể tìm thấy các mục danh sách trong đó:
1 |
|
Kết quả của cuộc gọi này là nền màu đỏ trên các mục A, B, 1, 2, 3 và C. Mặc dù mục II phù hợp với biểu thức chọn, nó không được bao gồm trong kết quả; Chỉ có con cháu được coi là ứng cử viên cho trận đấu.
Không giống như hầu hết các phương thức truyền tải của cây, biểu thức chọn được yêu cầu trong một cuộc gọi đến
$[selectorWhereToShowNewData].load['pagePath selectorForElementFromNewData'];
0. Nếu chúng ta cần lấy lại tất cả các yếu tố hậu duệ, chúng ta có thể vượt qua trong bộ chọn phổ quát $[selectorWhereToShowNewData].load['pagePath selectorForElementFromNewData'];
7 để thực hiện điều này.Bối cảnh chọn được thực hiện với
$[selectorWhereToShowNewData].load['pagePath selectorForElementFromNewData'];
0 $[selectorWhereToShowNewData].load['pagePath selectorForElementFromNewData'];
9 Do đó, $['#result'].load['ajax/test.html #container'];
0 tương đương với $['#result'].load['ajax/test.html #container'];
1.Kể từ JQuery 1.6, chúng tôi cũng có thể lọc lựa chọn với một bộ sưu tập hoặc phần tử jQuery nhất định. Với cùng danh sách lồng nhau như trên, nếu chúng ta bắt đầu với:, we can also filter the selection with a given jQuery collection or element. With the same nested list as above, if we start with:
1 | ________số 8 |
Và sau đó vượt qua đối tượng jQuery này để tìm:
1 |
|
Điều này sẽ trả về một bộ sưu tập jQuery chỉ chứa các yếu tố danh sách là hậu duệ của Mục II.
Tương tự, một yếu tố cũng có thể được truyền để tìm:
1 2 | 0 |
Kết quả của cuộc gọi này sẽ là nền màu đỏ trên mục 1.
Examples:
Bắt đầu với tất cả các đoạn văn và tìm kiếm các yếu tố nhịp hậu duệ, giống như
$['#result'].load['ajax/test.html #container'];
2
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | 1 |
Demo:
Một lựa chọn sử dụng bộ sưu tập jQuery của tất cả các thẻ Span. Chỉ có các nhịp trong các thẻ P được thay đổi thành màu đỏ trong khi những người khác bị bỏ màu xanh.
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 | 2 |
Demo:
Thêm các nhịp xung quanh mỗi từ sau đó thêm một di chuột và in nghiêng các từ với chữ t.t.
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 43 44 45 46 47 48 49 | 3 |
Demo:
Làm thế nào để bạn có được một phần tử HTML từ một chuỗi với jQuery?
Làm cách nào để tìm một từ trong một chuỗi bằng cách sử dụng jQuery?
Làm cách nào để có được phần tử HTML?
elements with class="intro" .