Hướng dẫn jquery iterate html elements - jquery lặp lại các phần tử html

Trong một hàm jQuery, tôi cần phải lặp qua một số phần tử HTML với cùng một lớp và so sánh một chuỗi cụ thể với nội dung của các phần tử đó trong mỗi lần lặp.

Nội dung chính ShowShow

• .each (chức năng) Trả về: jQueryReturns: jQuery
• Làm thế nào để bạn lặp lại thông qua một yếu tố trong jQuery?
• Làm thế nào để bạn lặp qua một phần tử có cùng lớp trong jQuery?
• Chúng ta có thể sử dụng cho vòng lặp trong jQuery không?
• Làm thế nào để tôi lặp lại thông qua các tùy chọn chọn trong jQuery?

Bất cứ ai có thể cho tôi một số lời khuyên làm thế nào để làm điều này?

Rahul Gupta

9.3436 huy hiệu vàng58 Huy hiệu bạc67 Huy hiệu đồng6 gold badges58 silver badges67 bronze badges6 gold badges58 silver badges67 bronze badges

Đã hỏi ngày 29 tháng 10 năm 2013 lúc 9:08Oct 29, 2013 at 9:08Oct 29, 2013 at 9:08

1

thử cái này:

$.each($('.your-class-name'), function() {
      if($(this).text() == 'your-text')
               console.log('yes');
      else
               console.log('no');
});

Đã trả lời ngày 29 tháng 10 năm 2013 lúc 9:12Oct 29, 2013 at 9:12Oct 29, 2013 at 9:12

Rasool Ghafarirasool GhafariRasool GhafariRasool Ghafari

3.9735 huy hiệu vàng39 Huy hiệu bạc67 Huy hiệu đồng5 gold badges39 silver badges67 bronze badges5 gold badges39 silver badges67 bronze badges

Xin chào, bạn có thể làm điều đó thông qua mã dưới đây ..

Foundin sẽ là một đối tượng jQuery chứa bất kỳ phần tử phù hợp nào. Xem thông tin API tại: http://docs.jquery.com/selector/contains#text

Đã trả lời ngày 29 tháng 10 năm 2013 lúc 9:19Oct 29, 2013 at 9:19Oct 29, 2013 at 9:19

CodeBreakerCodeBreakercodebreakercodebreaker

1.4451 Huy hiệu vàng12 Huy hiệu bạc18 Huy hiệu đồng1 gold badge12 silver badges18 bronze badges1 gold badge12 silver badges18 bronze badges

Bạn có thể làm điều đó bằng cách sử dụng hàm .each (). Kiểm tra tài liệu chính thức: http://api.jquery.com/each/

Phương pháp .each () được thiết kế để làm cho các cấu trúc vòng lặp DOM ngắn gọn và dễ bị lỗi. Khi được gọi nó lặp đi lặp lại trên các phần tử DOM là một phần của đối tượng jQuery. Mỗi lần gọi lại, nó được thông qua lần lặp vòng lặp hiện tại, bắt đầu từ 0. Quan trọng hơn, cuộc gọi lại được kích hoạt trong bối cảnh của phần tử DOM hiện tại, do đó, từ khóa này đề cập đến phần tử.

// Loop through each item
$('.yourclass').each(function(index) {
     // Make your comparison
     console.log( index + ": " + $( this ).text() );
});

Đã trả lời ngày 29 tháng 10 năm 2013 lúc 9:13Oct 29, 2013 at 9:13Oct 29, 2013 at 9:13

Poiuytrezpoiuytrezpoiuytrezpoiuytrez

Huy hiệu vàng 20.4K3333 gold badges108 silver badges165 bronze badges33 gold badges108 silver badges165 bronze badges

Đây là bản demo js fiddle cho bạn, hãy kiểm tra nó.demo JS FIDDLE for you, check it out.demo JS FIDDLE for you, check it out.

HTML:

This is div 1
This is div 2
This is div 3
This is div 4

JS:

var search_text = "This is div 4";
// Loop through each item
$('.my_class').each(function(index) {
    var current_elem_text = $(this).html();
    alert(current_elem_text);

    if(current_elem_text == search_text)
    {
        alert('Hey ! it matches ');
    }
    else
    {
         alert('Sorry it does not match ');   
    }

});

Đã trả lời ngày 29 tháng 10 năm 2013 lúc 9:32Oct 29, 2013 at 9:32Oct 29, 2013 at 9:32

Rahul Guptarahul GuptaRahul GuptaRahul Gupta

9.3436 huy hiệu vàng58 Huy hiệu bạc67 Huy hiệu đồng6 gold badges58 silver badges67 bronze badges6 gold badges58 silver badges67 bronze badges

1

Làm thế nào để bạn lặp lại thông qua một yếu tố trong jQuery?

Làm thế nào để bạn lặp qua một phần tử có cùng lớp trong jQuery?

Trả lời: Sử dụng phương thức jQuery mỗi () Bạn có thể chỉ cần sử dụng phương thức jQuery mỗi () để lặp qua các phần tử có cùng một lớp và thực hiện một số hành động dựa trên điều kiện cụ thể.Use the jQuery each() Method You can simply use the jQuery each() method to loop through elements with the same class and perform some action based on the specific condition.Use the jQuery each() Method You can simply use the jQuery each() method to loop through elements with the same class and perform some action based on the specific condition.

Chúng ta có thể sử dụng cho vòng lặp trong jQuery không?

Vòng lặp qua các bộ sưu tập Nếu bạn muốn lặp qua nhiều phần tử trong một bộ sưu tập, bạn có thể sử dụng một bình thường cho vòng lặp hoặc jQuery của mỗi (): $ ("p").mỗi (hàm (chỉ mục, phần tử) {$ (phần tử). Text ($ (phần tử).you can use a normal for loop or jQuery's each() : $("p"). each(function(index, element) { $(element). text( $(element).you can use a normal for loop or jQuery's each() : $("p"). each(function(index, element) { $(element). text( $(element).

Làm thế nào để tôi lặp lại thông qua các tùy chọn chọn trong jQuery?

Lặp lại thông qua các tùy chọn bằng cách sử dụng jQuery để đi qua thẻ, một hàm phải được tạo sẽ trả về văn bản, giá trị hoặc cả (văn bản và giá trị) của các tùy chọn trong đó.Đối với điều này, mỗi () phương thức jQuery sẽ được sử dụng.Sử dụng điều này, các yếu tố có thể được đi qua dễ dàng.each() method of jQuery will be used. Using this, elements can be traversed easily.each() method of jQuery will be used. Using this, elements can be traversed easily.