JQuery是現代網頁開發中最常用的JavaScript庫之一。它可以幫助開發人員快速搭建網頁,實現各種功能。其中表單過濾器就是其中之一。
$('form').submit(function(e){ e.preventDefault(); // 防止表單自動提交 // 獲取文本框中的值 var keyword = $('input[name=keyword]').val().toLowerCase(); // 遍歷表格中的每一個tr元素 $('table tr').each(function(){ var text = $(this).text().toLowerCase(); if(text.indexOf(keyword) === -1){ $(this).hide(); // 隱藏不包含關鍵詞的行 }else{ $(this).show(); // 顯示包含關鍵詞的行 } }); });
這段代碼實現了一個簡單的表單過濾器功能,用于過濾表格中包含指定關鍵字的行。首先,獲取文本框中的值,并將其轉換為小寫字母,方便與表格中的文本比較。然后,遍歷表格中的每一個tr元素,獲取其中的文本,同樣將其轉換為小寫字母,并使用indexOf方法查找是否包含關鍵詞。如果不包含,則將其隱藏。如果包含,則將其顯示。
表單過濾器是一個非常常用的功能,可以幫助用戶更方便地查找和篩選數據。通過使用JQuery庫中提供的方法,我們可以很容易地實現一個簡單的表單過濾器,為用戶提供更好的使用體驗。