Cách lặp lại các hàng của bảng trong JavaScript

Hướng dẫn nhanh này hướng dẫn bạn cách lặp qua bảng URL và đặt URL vào một chuỗi chuỗi bằng JavaScript

Đây là một đoạn mã lặp qua bảng URL trên bảng HTML của sơ đồ trang web. Nó biến bảng URL thành một chuỗi các chuỗi URL

const url_table = document.getElementById["sitemap"].rows

var post_urls = [];

for [let i = 0; i < url_table.length; i++] {
    post_urls.push[url_table[i].cells[0].innerText];
}

Lý lịch

Gần đây, tôi đã làm một dự án liên quan đến việc phân tích từng bài đăng trên trang web này. Để làm điều này, tôi cần lấy một tập hợp tất cả các URL trên trang web này

Google xếp hạng các trang web với sự trợ giúp của sơ đồ trang web. Mỗi trang web có một

Thông thường, bạn có thể tìm thấy sơ đồ trang web của bất kỳ trang web nào có cấu trúc URL sau

///sitemap.xml

OR

///sitemap_index.xml

Sơ đồ trang web của tôi cho các bài đăng trên blog có thể được tìm thấy tại //www.codingem.com/post-sitemap.xml

Sơ đồ trang web của tôi không là gì ngoài một bảng HTML dài với các URL

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

Làm cách nào để lấy các hàng của bảng trong JavaScript?

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

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

Làm cách nào để lấy dữ liệu hàng của bảng trong JavaScript title?