JQuery 篩選

jquery html jsp

N_ToM 2018-04-18 18:26:09 ‧ 5585 瀏覽

分享至

安安各位大大好
我想用一個checkbox來控制
打勾的話顯示全資料
沒打勾的話就把已婚跟男生都顯示

有點不知道要怎麼下

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

1 個回答

froce

iT邦大師 1 級 ‧ 2018-04-18 19:26:44

最佳解答

就對所有的tr做檢查，然後裡面的td去查值，如果是未婚女性，就顯示，其他用hide就行了。

var trs = $('table>tbody>tr')

function filter_for_table(){
    trs.each(function(){
        var checker = true;
        $(this).find('td').each(function(){
            if ($(this).text() == "男" || $(this).text() == "已婚"){
                checker = false;
            }
        });
        if (!checker){
            $(this).hide();
        }
    });
}

function restore(){
    trs.each(function(){
        $(this).show();
    });
}

JS Bin