亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

使用 javascript/jquery Bootrsrap 卡實時搜索

使用 javascript/jquery Bootrsrap 卡實時搜索

繁星點點滴滴 2023-07-20 10:41:43
我想為不使用數據庫的引導卡創建一個實時搜索欄。我能夠完成實時搜索,但它保留了不可見搜索和過濾搜索之間的空間。這是我用來過濾卡片的腳本,$(document).ready(function () {    $("#anythingSearch").on("keyup", function () {        var value = $(this).val().toLowerCase();        $("#myDIV .card").filter(function () {            $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)        });     }); });所有卡片的編碼為,<div id="myDIV">    <div class="row">        <div class="col-md-4">            <div class="card">...</div>        </div>        <div class="col-md-4">            <div class="card">...</div>        </div>        <div class="col-md-4">            <div class="card">...</div>        </div>        ...    </div></div>搜索前:搜索后:請告訴我如何擺脫這些空格。
查看完整描述

1 回答

?
慕的地10843

TA貢獻1785條經驗 獲得超8個贊

$(document).ready(function () {

    $("#anythingSearch").on("keyup", function () {

        var value = $(this).val().toLowerCase();

        $("#myDIV .card").filter(function () {

            // change here to the parent as if you hide card only card will hide but col will still take the place

            $(this).parent().toggle($(this).text().toLowerCase().indexOf(value) > -1)

        });

     });

 });

這是jsfiddle


https://jsfiddle.net/nLo3ujbk/1/


查看完整回答
反對 回復 2023-07-20
  • 1 回答
  • 0 關注
  • 106 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號