Hướng dẫn loop through html elements jquery - lặp qua các phần tử html jquery

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.

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 badges

Đã hỏi ngày 29 tháng 10 năm 2013 lúc 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:12

Rasool Ghafarirasool GhafariRasool Ghafari

3.9735 huy hiệu vàng39 Huy hiệu bạc67 Huy hiệu đồng5 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:19

CodeBreakerCodeBreakercodebreaker

1.4451 Huy hiệu vàng12 Huy hiệu bạc18 Huy hiệu đồng1 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:13

Poiuytrezpoiuytrezpoiuytrez

Huy hiệu vàng 20.4K3333 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.

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:32

Rahul Guptarahul GuptaRahul Gupta

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

1

$( "li" ).each(function( index ) {
  console.log( index + ": " + $( this ).text() );

// The .each() method is unnecessary here:
$( "li" ).each(function() {
  $( this ).addClass( "foo" );
// Instead, you should rely on implicit iteration:
$( "li" ).addClass( "bar" );

  <script src="https://code.jquery.com/jquery-3.5.0.js">script>
<div>to iterate throughdiv>
$( document.body ).click(function() {
  $( "div" ).each(function( i ) {
    if ( this.style.color !== "blue" ) {
      this.style.color = "blue";

  <script src="https://code.jquery.com/jquery-3.5.0.js">script>
<button>Change colorsbutton>
<div id="stop">Stop herediv>
$( "button" ).click(function() {
  $( "div" ).each(function( index, element ) {
    $( element ).css( "backgroundColor", "yellow" );
    if ( $( this ).is( "#stop" ) ) {
      $( "span" ).text( "Stopped at div index #" + index );

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?