Hướng dẫn jquery find element in html string - jquery find phần tử trong chuỗi html

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ướng dẫn jquery find element in html string - jquery find phần tử trong chuỗi html

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

Hướng dẫn jquery find element in html string - jquery find phần tử trong chuỗi html

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...

Hướng dẫn jquery find element in html string - jquery find phần tử trong chuỗi html

  • 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.

Hướng dẫn jquery find element in html string - jquery find phần tử trong chuỗi html
and others.

  • Tất cả các diễn đàn
  • Bài viết gần đây

.Returns: jQuery

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.

  • Phiên bản được thêm vào: 1.0.find (bộ chọn).find( selector )

    • 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.

  • Phiên bản được thêm vào: 1.6.find (phần tử).find( element )

    • 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

$(selectorWhereToShowNewData).load('pagePath selectorForElementFromNewData');
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.

Chữ ký đầu tiên cho

$(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.

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

<li class="item-i">Ili>

<li class="item-a">Ali>

<li class="item-1">1li>

<li class="item-2">2li>

<li class="item-3">3li>

<li class="item-c">Cli>

<li class="item-iii">IIIli>

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

$( "li.item-ii" ).find( "li" ).css( "background-color", "red" );

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

$( "li.item-ii" ).find( allListElements );

Đ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

$("
I want this element
")
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

$("
I want this element
")
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

$("
I want this element
")
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

$("
I want this element
")
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?

Có, bạn chỉ có thể sử dụng $. Phương pháp Find` chỉ phù hợp với hậu duệ. Bạn không thể tìm thấy Div trong ví dụ này-nhưng, bạn có thể lọc DIV vì phương thức lọc khớp với bất kỳ/tất cả các phần tử, bao gồm cả div ngoài cùng.$. find —but only if you want just elements inside the outermost element, the div' in this example. The find` method only matches descendants. You could not find the div in this example--but, you can filter the div because the filter method matches any/all elements, including the outermost div .

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 thế nào để tìm nếu một từ hoặc một chuỗi con có trong chuỗi đã cho.Trong trường hợp này, chúng tôi sẽ sử dụng phương thức bao gồm () để xác định xem một chuỗi chứa từ được chỉ định hoặc một chuỗi con.Nếu từ hoặc chuỗi con có trong chuỗi đã cho, phương thức bao gồm () sẽ trả về đúng;Nếu không, nó trả về sai.use the includes() method which determines whether a string contains the specified word or a substring. If the word or substring is present in the given string, the includes() method returns true; otherwise, it returns false.

Làm cách nào để có được phần tử HTML?

Tìm các phần tử HTML của các bộ chọn CSS Nếu bạn muốn tìm tất cả các phần tử HTML khớp với bộ chọn CSS được chỉ định (ID, tên lớp, loại, thuộc tính, giá trị của thuộc tính, v.v.), sử dụng phương thức QuerySelectorall ().Ví dụ này trả về một danh sách tất cả các yếu tố có lớp = "giới thiệu".use the querySelectorAll() method. This example returns a list of all

elements with class="intro" .

$ (Cái này trong jQuery là gì?

$ (này) là một trình bao bọc jQuery xung quanh phần tử đó cho phép sử dụng các phương thức jQuery.JQuery gọi cuộc gọi lại bằng cách sử dụng applic () để ràng buộc điều này.Gọi jQuery là lần thứ hai (đó là một sai lầm) về kết quả của $ (điều này) trả về một đối tượng jQuery mới dựa trên cùng một bộ chọn như cái đầu tiên.a jQuery wrapper around that element that enables usage of jQuery methods. jQuery calls the callback using apply() to bind this . Calling jQuery a second time (which is a mistake) on the result of $(this) returns an new jQuery object based on the same selector as the first one.