jQuery 是一個非常流行的 JavaScript 庫,被廣泛使用于 Web 開發領域。它提供了一組簡單而強大的 API,可以方便地操作 HTML 元素、處理用戶事件、發起 Ajax 請求等。下面,我們將演示如何使用 jQuery 篩選數據。
$(document).ready(function() {
// 獲取表格中所有行
var rows = $("table tr");
// 篩選出姓名為 Jack 的行
var jackRows = rows.filter(function() {
return $(this).find("td:first").text().trim() === "Jack";
});
// 輸出結果
console.log("符合條件的行數:" + jackRows.length);
jackRows.addClass("highlight");
});
在上面的代碼中,我們首先使用 jQuery 獲取了一個表格的所有行,然后通過 filter() 方法篩選出滿足條件的行。具體來說,我們使用了一個回調函數作為 filter() 方法的參數,在回調函數中,我們獲取了每行中第一個單元格的文本內容,并判斷其是否等于 "Jack"。如果等于,則將該行添加到一個名為 jackRows 的 jQuery 對象中。
最后,我們使用 console.log() 輸出符合條件的行數,并使用 addClass() 方法將其高亮顯示。