javascript - C# コードによって生成されたライブ検索フィルター送信ボタン

Question

50 個を超える入力送信ボタンを含む div があります。Data Tablesで行われるようにライブ フィルタリングを実装したいのですが、問題は、送信ボタンをテーブル内に保持できないことです。そのため、検索テキスト ボックスに何かを入力すると、これらの入力ボタンをフィルタリングできるように、誰かが何らかのアプローチを提案できます。また、これらの入力送信ボタンは、パネル内の c# コーディングによって生成されます。

私はjquery.livesearchで試しました

Jクエリ

   $('#searchbox').search('(".btn-pr").attr("value")', function (on) {
        on.reset(function () {
            $('.btn-pr').show();
        });
        on.empty(function () {
            $('#lblemp').show();
        });
        on.results(function (results) {
            $('.btn-pr').hide();

            results.show();
        });
    });

しかし、これはul内のliの数に使用されたため、search関数で渡されたセレクターは#names li、どのセレクターで、どのセレクターとどのように（(".btn-pr").attr("value")の代わりに）渡す必要があるかそれらの送信ボタンの値を検索し、一致しないものを非表示にします。

aspx

<div id="div_items2" style="float:right; margin-top:10px; width:500px; height:400px; margin-right:5px; overflow:auto;">

    <asp:Panel runat="server" ID="pnlCategories">

        <center><asp:Label ID="Label8" runat="server" Text="Estimate"></asp:Label></center><br />


    </asp:Panel>

    <asp:Panel runat="server" ID="pnlProducts" Visible="false" Width="100%">

        <center><asp:Label ID="Label5" runat="server" Text="Estimate | Category: "></asp:Label><asp:Label ID="lblCategory" runat="server" Text=""></asp:Label></center>

        <asp:Button ID="btnBack" runat="server" Text="Back" onclick="btnBack_Click" CssClass="btn-nav" /><br /><br />

    </asp:Panel>


</div>

pnlProducts パネルは、実行中にこれらの入力ボタンで生成されます。