how to implement Search function using Javascript or jquery

后端 未结 4 1445
花落未央
花落未央 2020-12-29 15:09

here i write code where all persons names comes from Facebook API . and it is showing on lightbox. now i want to implement search functionality using javasciprt/jquery . Can

4条回答
  •  难免孤独
    2020-12-29 15:38

    $("#search-criteria").on("keyup", function() {
        var g = $(this).val();
        $(".fbbox .fix label").each( function() {
            var s = $(this).text();
            if (s.indexOf(g)!=-1) {
                $(this).parent().parent().show();
            }
            else {
                $(this).parent().parent().hide();
            }
        });
    });​
    

    Working Fiddle

    or Better Way:

    $("#search-criteria").on("keyup", function() {
        var g = $(this).val().toLowerCase();
        $(".fbbox .fix label").each(function() {
            var s = $(this).text().toLowerCase();
            $(this).closest('.fbbox')[ s.indexOf(g) !== -1 ? 'show' : 'hide' ]();
        });
    });​
    

    Working Fiddle

提交回复
热议问题