Question

我的屏幕上有许多表格。它们是我数据库中查询的结果。我添加了应该过滤结果的输入字段，但是由于某些原因，它不起作用。

即使警报也不起作用...

我会请您帮忙

jQuery

$(document).ready(function(){
  $("#myInput").on("keyup", function() {
    var value = $(this).val().toLowerCase();
    alert (value);
    $("#agnt_list-res form").filter(function() {
      $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
    });
  });
});

我的HTML结果示例

<ul class="row list-inline">
    <li><input id="myInput" type="text" placeholder="Search.."></li>
</ul>


<div id="agnt_list-res">

    <form action='#' method='post' id="4" class='fadeSec item'>

        <div class='col-md-2 item-edit' data-value='' data-type='fileArray' data-name='file[]' data-maxFiles='1'></div>
        <div class='col-md-3 item-edit' data-type='input' data-name='agnt[name]' data-require='1'>Agency 4</div>
        <div class='col-md-2 panel-menu'>
            <a href='#' class='btn btn-success edit_save-btn hidden'>Save</a>
            <span class='edit_msg'></span>
        </div>

    </form> 

    <form action='#' method='post' id="5" class='fadeSec item'>

        <div class='col-md-2 item-edit' data-value='' data-type='fileArray' data-name='file[]' data-maxFiles='1'></div>
        <div class='col-md-3 item-edit' data-type='input' data-name='agnt[name]' data-require='1'>Agency 3</div>
        <div class='col-md-2 panel-menu'>
            <a href='#' class='btn btn-success edit_save-btn hidden'>Save</a>
            <span class='edit_msg'></span>
        </div>

    </form> 

</div>

jQuery过滤器字段不起作用

0 个答案: