Javascript 如何使用jquery中的filter函数过滤div中的一组数据？

我有卡片，里面是数据库里的数据。这些卡片附在一个名为“搜索”的div中。我正在尝试用其中的数据过滤卡片，并用用于过滤的相同数据输出卡片。例如，每张卡片都有不同的名称，我希望卡片有相同的地址，我希望这些卡片按照键显示。这是我目前拥有的代码

<script>
    $(document).ready(function(){
        $("#myInput").on("keyup", function() {
            var value = $(this).val().toLowerCase();
            $("#search card").filter(function() {
                $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
            });
        });
    });
</script>

<div id = "search">


        <?php foreach($query as $row):  ?>

            <div class="card-deck" >
                 <div class="col-xs-6 col-sm-6 col-lg-4">
                    <div class="card"><center>
                        <a href="testingsite.dev/tenant/<?php echo $row->userID; ?>" class="btn btn-default"><img src = "https://admin.orangesuites.ph/static/uploads/<?php echo $row->profile_pic; ?>" width="209" height="180" ></a>
                            <div class="card-body">
                                <h3 class="card-title"><?php echo $row->firstName . ' ' . $row->lastName; ?></h3>
                                <p class="card-text">Room Number: <?php echo $row->bldg_num . '-' . $row->room_num; ?><br>
                                    Price: <?php echo $row->price; ?><br>
                                    Move In Date: <?php
                                    $move_in = new DateTime($row->move_in_date);
                                    echo $move_in->format('F j, Y');
                                    ?><br>
                                     Move Out Date: <?php
                                    $move_out = new DateTime($row->move_out_date);
                                    echo $move_out->format('F j, Y');
                                    ?><br>
                                    Pending Amount: <?php echo $pending_total[$row->merge_id]; ?><br>
                                    Contact Number: <?php echo $row->phone; ?><br><br><br>
                                </p>
                            </div>
                            <div class="card-footer">

                             </div>
                        </center></div>
                </div>
            </div>
        <?php endforeach; ?>

</div>

$（文档）.ready（函数（）{
$（“#myInput”）。在（“keyup”，function（）上{
var value=$（this.val（）.toLowerCase（）；
$（“#搜索卡”）.filter（函数（）{
$（this）.toggle（$（this）.text（）.toLowerCase（）.indexOf（value）>-1）
});
});
});
房间号：

价格：

入住日期：

迁出日期：

未决金额：

联系电话：

您在

$（“#搜索卡”）

中缺少一个

，它应该是

$（“#搜索卡”）

这会帮助您发布HTML代码，而不是php。这就是我拥有的代码。php只用于从数据库@eddie调用数据，我明白这一点。但我想说的是，其他用户更容易获得生成的html代码，这样他们就可以复制并粘贴到JSFIDLE上，以测试并提出解决方案：）