ホームページ > 記事 > ウェブフロントエンド > 選択リスト選択によるテーブルデータのフィルタリングの jquery の例 box_jquery
選択リスト選択によるテーブルデータのフィルタリングの jquery の例 box_jquery
- WBOYオリジナル
- 2016-05-16 16:49:411241ブラウズ
jquery は、選択リスト選択ボックスを通じてテーブル データをフィルターします
テーブル データ
コードをコピー コードは次のとおりです:
<テーブル ID ="例 ">
dan
/tr>
;
>
JS フィルタリング コード (選択が動的に生成される)
コードをコピー
コードは次のとおりです:
$("#example > thead th").each(function(i) {
$("").attr("data-index", i).html( $( "")).change(function() { [], Children = $(this).children(); Children.each(function(i) {
var value = $("select[data-index='" i "']"). val();
if (value == $(this).text() || value == "") comb.push(1);
}); return comb.length != Children.length; }).hide(); }).appendTo("body");});$("#example > tbody tr").each( function() { $(this).children().each(function(i) {
var that = $(this); var select = $("select[data-index=' " i "']");
if (!select.children().filter(function() {
).length) {
});
if (!select.children().filter(function() {
).length) {
});
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事：ネイティブ JS を使用して Web アプリのスライディング効果 (慣性スライディング、スライディング リバウンド) をカプセル化する_JavaScript スキル次の記事：ネイティブ JS を使用して Web アプリのスライディング効果 (慣性スライディング、スライディング リバウンド) をカプセル化する_JavaScript スキル