Làm cách nào để lặp lại các hàng của bảng html trong jquery?

giả sử tôi có một bảng html có đầu trang, chân trang và hàng bình thường. trong mỗi hàng bình thường có nhiều hộp văn bản và danh sách thả xuống. bây giờ tôi muốn lặp lại bảng html bằng jquery và trong mỗi hàng tôi muốn tìm các điều khiển html và đọc giá trị từ các hộp văn bản, danh sách thả xuống từ. trong quá trình lặp lại, tôi muốn loại trừ tiêu đề bảng và tfoo khỏi lần lặp

Trong khi viết mã nhiều thời gian, chúng tôi cần sử dụng Vòng lặp và tất cả các ngôn ngữ đều cung cấp Vòng lặp. o. e. , Đối với Vòng lặp, Vòng lặp Do while, v.v.

Tôi cho rằng tất cả các bạn đều biết cách sử dụng vòng lặp vì nó cung cấp một cách nhanh chóng và dễ dàng để thực hiện lặp đi lặp lại một việc gì đó. Và vòng lặp For lặp lại cho đến khi một điều kiện được chỉ định đánh giá là sai

5 cách đơn giản chúng ta sử dụng phương thức each() của jQuery

1. Để lặp qua một Mảng (vòng lặp Foreach)
2. Để lặp qua một mảng đối tượng
3. Để lặp qua phần tử HTML (thẻ LI)
4. Để lặp qua Table Row (tr) và nhận giá trị TD
5. Để lặp lại Dữ liệu JSON phức tạp

---

---

THƯỞNG. Hãy tạo kịch bản lập trình thực tế hơn, bây giờ nếu người dùng chỉ muốn hiển thị trái cây thì sao?. tôi. e. , chỉ hiển thị văn bản LI cụ thể có văn bản là trái cây

Nếu bạn để ý trong phần đánh dấu HTML của chúng tôi, chúng tôi đã thêm tên lớp cho mỗi thẻ li. i. e trái cây và ô tô tương ứng. Bây giờ sử dụng lớp này, chúng tôi có thể lọc các thẻ Li của mình. Bây giờ chúng ta hãy xem những gì chúng ta muốn hiển thị

Mã jQuery

var obj= [
          { FirstName: "Andrea" , LastName:"Ely", Gender:"F"},
          { FirstName: "John" , LastName:"Shaw", Gender:"M"},
          { FirstName: "Leslie" , LastName:"Mac", Gender:"F"},
          { FirstName: "David" , LastName:"Millr", Gender:"M"},
          { FirstName: "Rehana" , LastName:"Rewa", Gender:"F"}
        ]

   $.each(obj, function (index, value) {
          var first_name=value.FirstName;
          var last_name=value.LastName;
          console.log(first_name+" "+last_name);
   });

0
Một cách khác là nếu bạn chắc chắn chỉ hiển thị thẻ LI có văn bản là trái cây. Sau đó, cách tốt nhất là chỉ chọn các thẻ Li đó và lặp qua chúng, thay vì lặp qua tất cả các thẻ Li đã được hiển thị trong ví dụ trên

Vì vậy, bây giờ mã jquery để lặp qua thẻ li có lớp là trái cây trông giống như được viết bên dưới

Mã jQuery. Để hiển thị thẻ li có văn bản là trái cây

var obj= [
          { FirstName: "Andrea" , LastName:"Ely", Gender:"F"},
          { FirstName: "John" , LastName:"Shaw", Gender:"M"},
          { FirstName: "Leslie" , LastName:"Mac", Gender:"F"},
          { FirstName: "David" , LastName:"Millr", Gender:"M"},
          { FirstName: "Rehana" , LastName:"Rewa", Gender:"F"}
        ]

   $.each(obj, function (index, value) {
          var first_name=value.FirstName;
          var last_name=value.LastName;
          console.log(first_name+" "+last_name);
   });

1

ĐẦU RA

---

Phần kết luận. Ở đây trong bài viết này, chúng ta tìm hiểu 5 cách khác nhau về cách sử dụng phương thức each() của jQuery với một ví dụ trực tiếp. Tóm lại, nếu chúng ta muốn lặp qua một mảng đơn giản, đối tượng JSON phức tạp hoặc qua thẻ HTML, tôi. e. , lặp qua hàng tr hoặc thẻ danh sách của bảng, sau đó sử dụng phương thức each() chúng ta có thể đạt được tất cả

Để tham khảo

Bạn cũng có thể kiểm tra các bài viết này

Cảm ơn bạn đã đọc, vui lòng tiếp tục truy cập blog này và chia sẻ điều này trong mạng của bạn. Ngoài ra, tôi rất thích nghe ý kiến ​​​​của bạn trong phần bình luận

5 cách đơn giản tôi sử dụng phương thức each() của jQuery. Để lặp qua một Mảng (vòng lặp Foreach), Để lặp lại Dữ liệu JSON phức tạp, Để lặp lại trên Hàng của Bảng (tr) và nhận giá trị TD, Để lặp lại trên một Mảng đối tượng và Để lặp lại trên phần tử HTML (thẻ LI)

Làm cách nào để lặp qua bảng HTML trong jQuery?

Làm cách nào để đọc các hàng trong bảng bằng jQuery?

Làm cách nào để lặp qua bảng HTML trong JavaScript?

Phương pháp nào được sử dụng để lặp qua các hàng của bảng?