基于JQuery的一句代码实现表格的简单筛选_jquery
效果图:
代码:
JQuery代码就:
$(function() {
$("#Text1").keyup(function() {
var filterText = $(this).val();
$("# tr").not(":first").hide().filter(":contains('" + filterText + "')").show();;
}).keyup();
});
里面最重要的就是JQuery的选择器:
1:$("# tr")选择表格的所有行;
2:not(":first"):除去第一行表头行;
3:filter(":contains('" + filterText + "')"):从上面所选择的行里面筛选出行文本中包含filterText 的行显示出来;
4:最后加一句keyup()是为了在提交后重新触发keyup事件。(但是在这里没有作用因为我用的客户端控件没有ViewState
若是服务器端控件就会看见他的作用)。
JQuery的选择器的强大之处,让我们能救这么简单的实现客户端的简单筛选。最后加一句关于表格筛选有JQuery插件提供
给我们选择, 但是这种简单的功能,我不会去选择加入一个JavaScript文件库,呵呵。
作者:破 浪

Alat AI Hot

Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool
Gambar buka pakaian secara percuma

Clothoff.io
Penyingkiran pakaian AI

AI Hentai Generator
Menjana ai hentai secara percuma.

Artikel Panas

Alat panas

Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6
Alat pembangunan web visual

SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Topik panas

Excel sering digunakan untuk memproses data dalam kerja pejabat harian, dan selalunya perlu menggunakan fungsi "penapis". Apabila kami memilih untuk melakukan "penapisan" dalam Excel, kami hanya boleh menapis sehingga dua syarat untuk lajur yang sama Jadi, adakah anda tahu cara menapis lebih daripada 3 kata kunci pada masa yang sama dalam Excel? Seterusnya, izinkan saya menunjukkannya kepada anda. Kaedah pertama ialah menambah keadaan secara beransur-ansur pada penapis. Jika anda ingin menapis tiga butiran kelayakan pada masa yang sama, anda perlu menapis satu daripadanya langkah demi langkah terlebih dahulu. Pada mulanya, anda boleh menapis terlebih dahulu pekerja dengan nama keluarga "Wang" berdasarkan syarat. Kemudian klik [OK], dan kemudian tandakan [Tambah pilihan semasa untuk penapis] dalam hasil penapis. Langkah-langkahnya adalah seperti berikut. Begitu juga, lakukan penapisan secara berasingan sekali lagi

Excel adalah perisian pejabat yang kerap digunakan Ramai pengguna merekodkan pelbagai data dalam jadual, tetapi jadual itu jelas mengandungi data dan kosong apabila menapis mengenai masalah ini, ramai pengguna tidak tahu cara menyelesaikannya. , kandungan tutorial perisian ini adalah untuk memberikan jawapan kepada majoriti pengguna yang memerlukan dialu-alukan untuk menyemak penyelesaian. Apakah yang perlu saya lakukan jika terdapat data dalam jadual Excel tetapi tempat kosong ditapis? Alasan pertama ialah jadual mengandungi baris kosong Kami mahu menapis semua orang dengan nama keluarga "Li", tetapi kami dapat melihat bahawa hasil yang betul tidak ditapis kerana jadual mengandungi baris kosong Bagaimana menangani situasi ini? Penyelesaian: Langkah 1: Pilih semua kandungan dan kemudian tapis Tekan c

Apabila ia datang untuk menapis kandungan pendua, perkara pertama yang mungkin anda fikirkan ialah menapis nilai berangka dalam Excel Malah, dalam Word, kami juga boleh menapis teks pendua dalam dokumen. Apabila anda tidak pasti sama ada anda telah menaip perkataan dengan salah, anda boleh menggunakan penapis untuk melihat Langkah ini sangat mudah. Editor di bawah akan membawa anda mempelajari cara menapis kandungan pendua dalam Word Rakan yang ingin belajar, datang dan belajar bersungguh-sungguh! 1. Mula-mula, kita buka dokumen perkataan yang ingin kita tapis pada komputer, seperti yang ditunjukkan dalam rajah di bawah. 2. Kemudian, kita pilih teks yang ingin kita cari, seperti yang ditunjukkan oleh anak panah merah dalam gambar di bawah. 3. Tekan [ctrl+H] pada papan kekunci untuk memaparkan arahan cari dan ganti Anak panah merah dalam rajah di bawah menunjuk ke

Bagaimana untuk menggunakan kaedah permintaan PUT dalam jQuery? Dalam jQuery, kaedah menghantar permintaan PUT adalah serupa dengan menghantar jenis permintaan lain, tetapi anda perlu memberi perhatian kepada beberapa butiran dan tetapan parameter. Permintaan PUT biasanya digunakan untuk mengemas kini sumber, seperti mengemas kini data dalam pangkalan data atau mengemas kini fail pada pelayan. Berikut ialah contoh kod khusus menggunakan kaedah permintaan PUT dalam jQuery. Mula-mula, pastikan anda memasukkan fail perpustakaan jQuery, kemudian anda boleh menghantar permintaan PUT melalui: $.ajax({u

Bagaimana untuk mengalih keluar atribut ketinggian elemen dengan jQuery? Dalam pembangunan bahagian hadapan, kita sering menghadapi keperluan untuk memanipulasi atribut ketinggian elemen. Kadangkala, kita mungkin perlu menukar ketinggian unsur secara dinamik, dan kadangkala kita perlu mengalih keluar atribut ketinggian unsur. Artikel ini akan memperkenalkan cara menggunakan jQuery untuk mengalih keluar atribut ketinggian elemen dan memberikan contoh kod khusus. Sebelum menggunakan jQuery untuk mengendalikan atribut ketinggian, kita perlu terlebih dahulu memahami atribut ketinggian dalam CSS. Atribut ketinggian digunakan untuk menetapkan ketinggian elemen

Apabila menggunakan jadual WPS, kami kadangkala menyenaraikan semua jenis data dalam jadual Jika perlu, kami perlu memilih data yang memenuhi keperluan untuk aplikasi sangat mengurangkan kecekapan kerja gunakan beberapa fungsi perisian untuk membuat pilihan Fungsi penapisan wps boleh merealisasikan operasi ini. Mari kita lihat perkongsian operasi di bawah. 1. Buka dahulu data yang perlu ditapis pada komputer (seperti yang ditunjukkan di bawah) 2. Mula-mula pilih pengepala jadual dan klik "Start" (seperti yang ditunjukkan di bawah). 3. Kemudian klik "Penapis" (seperti yang ditunjukkan di bawah). 4. Kemudian anda akan menemui segitiga terbalik di belakang pengepala jadual Klik pada segitiga terbalik di belakang "Math" (seperti yang ditunjukkan di bawah). 5. Kemudian pilihan penapisan akan muncul, seperti mengklik "Penapis Nombor"

Dalam kehidupan seharian, saya dapati jadual Excel tidak boleh ditapis, apakah yang perlu saya lakukan? Excel ialah salah satu alat pemprosesan data yang paling biasa digunakan, membantu pengguna melengkapkan kemasukan data dan organisasi dengan mudah dan cepat Untuk membolehkan pengguna menggunakan Excel dengan lancar, mari kita lihat penyelesaian kepada masalah yang jadual Excel tidak boleh ditapis. . 1. Mula-mula buka dokumen Excel dan klik pilihan [Lihat] dalam menu. 2. Klik pilihan [Freeze Window] dalam bar alat. 3. Kemudian dalam pilihan yang terbuka, batalkan tetapan beku. 4. Anda boleh menapis semula selepas membatalkan.

Tajuk: Petua jQuery: Cepat ubah suai teks semua teg pada halaman Dalam pembangunan web, kita selalunya perlu mengubah suai dan mengendalikan elemen pada halaman. Apabila menggunakan jQuery, kadangkala anda perlu mengubah suai kandungan teks semua teg dalam halaman sekaligus, yang boleh menjimatkan masa dan tenaga. Berikut akan memperkenalkan cara menggunakan jQuery untuk mengubah suai teks semua teg pada halaman dengan cepat, dan memberikan contoh kod khusus. Pertama, kita perlu memperkenalkan fail perpustakaan jQuery dan memastikan bahawa kod berikut dimasukkan ke dalam halaman: <
