亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > JavaScript > 正文

jquery通過select列表選擇框對表格數據進行過濾示例

2019-11-20 20:43:28
字體:
來源:轉載
供稿:網友

jquery通過select列表選擇框對表格數據進行過濾

表格數據

復制代碼 代碼如下:

<table id="example">
    <thead>
        <tr>
            <th>Name</th>
            <th>Surname</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Michael</td>
            <td>Jordan</td>
        </tr>
        <tr>
            <td>Michael</td>
            <td>Jackson</td>
        </tr>
        <tr>
            <td>Bruno</td>
            <td>Mars</td>
        </tr>
    </tbody>
</table>

 JS過濾代碼,其中select是動態生成的
 

復制代碼 代碼如下:

 $("#example > thead th").each(function(i) {
    $("<select />").attr("data-index", i).html($("<option />")).change(function() {
        $("#example > tbody > tr").show().filter(function() {
            var comb = [], 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() {
            return $(this).text() == that.text();
        }).length) {
            select.append($("<option />").text($(this).text()));
        }
    });
});
 

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
国产精品久久久久久av下载红粉| 色综合色综合久久综合频道88| 伊人伊成久久人综合网小说| 成人黄色片在线| www.亚洲一区| 精品久久久久久久久久国产| 亚洲女人被黑人巨大进入| yw.139尤物在线精品视频| 中文字幕亚洲欧美在线| 国产一区二区三区在线观看视频| 日韩精品在线观看一区二区| 久久久久久久久久久免费| 欧美精品一本久久男人的天堂| 欧美日韩国产丝袜另类| 欧美夜福利tv在线| 成人网在线免费看| 亚洲免费福利视频| 国产在线a不卡| 欧美中文字幕在线观看| 国语对白做受69| 成人h视频在线| 91精品国产色综合久久不卡98| 欧美在线性视频| 中文字幕久热精品视频在线| 国产精品一二三视频| 欧美精品情趣视频| 国内精品久久影院| 久久人人爽亚洲精品天堂| 91精品国产乱码久久久久久蜜臀| 亚洲大胆人体av| 国产精品爽爽爽| 精品亚洲一区二区三区四区五区| 91久久精品日日躁夜夜躁国产| 国产精品999| 日韩有码在线观看| 日韩精品久久久久久福利| 日韩欧美在线免费| 中文字幕免费精品一区高清| 69视频在线免费观看| 91九色精品视频| 国产精品入口福利| 亚洲视频axxx| 亚洲欧美精品伊人久久| 国产日韩欧美中文| 国产在线视频91| 欧美大学生性色视频| 国产精品黄色影片导航在线观看| 97香蕉超级碰碰久久免费的优势| 亚洲视频在线观看网站| 欧美成人精品在线视频| 久久精品成人欧美大片古装| 欧美性xxxxxx| 日韩电影大全免费观看2023年上| 久久国产精品久久久久久久久久| 国产色综合天天综合网| 国产精品自产拍在线观看| 91久久精品国产91久久| 亚洲人成伊人成综合网久久久| 亚洲美腿欧美激情另类| 国产综合色香蕉精品| 亚洲最大的av网站| 久久久久久久久爱| 亚洲色图狂野欧美| 欧美多人爱爱视频网站| 色伦专区97中文字幕| 色青青草原桃花久久综合| 久久久噜久噜久久综合| 91精品国产自产在线老师啪| 日韩在线观看免费全| 中文字幕日韩专区| 亚洲黄色有码视频| 国产一区二区激情| 国产精品免费久久久久久| 国产精品久久久av| 欧美黄色片免费观看| 北条麻妃在线一区二区| 欧美片一区二区三区| 国产综合在线观看视频| 自拍偷拍亚洲在线| 国产精品久久久久久久久免费| 久久国产精品久久久久| 亚洲香蕉av在线一区二区三区| 性色av香蕉一区二区| 欧美激情中文字幕在线| 欧美孕妇与黑人孕交| 久久久久久久久久av| 日韩精品免费在线观看| 57pao国产精品一区| 国产精品69久久| 中文字幕无线精品亚洲乱码一区| 欧美日韩在线视频一区| 色婷婷av一区二区三区久久| 欧美高清videos高潮hd| 久久久噜久噜久久综合| 97国产精品视频| 日韩不卡中文字幕| 亚洲跨种族黑人xxx| 国产有码在线一区二区视频| 色播久久人人爽人人爽人人片视av| 国产69精品久久久久9999| 国产成人一区二区在线| 国内外成人免费激情在线视频网站| 麻豆国产精品va在线观看不卡| 亚洲一级免费视频| 亚洲精品综合久久中文字幕| 欧美乱大交xxxxx| 日韩av在线资源| 国产精品久久婷婷六月丁香| 91热精品视频| 久久精品男人天堂| 久久久久国产精品免费| 在线观看成人黄色| 日本久久久久久久| 国产91精品青草社区| 欧美国产日韩二区| 亚洲日本成人网| 成人免费黄色网| 精品中文字幕乱| 91久久精品一区| 精品视频一区在线视频| 久久av红桃一区二区小说| 亚洲少妇激情视频| 成人春色激情网| 欧美亚洲国产精品| 一区二区欧美激情| 亚洲一区二区国产| 国产成人avxxxxx在线看| 欧美一级视频在线观看| 日韩激情片免费| 日韩欧美精品在线观看| 亚洲天堂久久av| 欧美性猛交xxxx免费看漫画| 日韩h在线观看| 久久天堂av综合合色| 中文字幕亚洲综合| 欧美国产激情18| 欧美亚洲第一区| 亚洲aa中文字幕| 精品国产福利在线| 黄色成人在线免费| 97avcom| 国产成人综合一区二区三区| 国产成人福利视频| 午夜精品一区二区三区视频免费看| 国产97色在线|日韩| 在线a欧美视频| 亚洲国产私拍精品国模在线观看| 亚洲精品久久久久久久久久久久久| www.午夜精品| 丝袜亚洲另类欧美重口| 亚洲va国产va天堂va久久| 91亚洲国产精品| 国产精品一区二区三区在线播放| 欧美成人自拍视频| 国产精品69av| 91在线播放国产| 久久亚洲精品小早川怜子66| 国产97在线观看| 97视频人免费观看| 午夜免费在线观看精品视频| 午夜精品久久久久久久白皮肤| 欧美黑人巨大精品一区二区| 久久成人国产精品| 国产欧美va欧美va香蕉在|