0

年齢が非表示になる名前を検索すると、ライブ検索で問題が発生します。名前だけで検索できるようにしたいです。そして、年齢は表示されません。

私のコードを確認してください。

これは私のHTMLです

<table class="AvailableGroupLab availGrpLabs avalLabs">
    <tr>
        <th>Name</th>
        <th>Age</th>
    </tr>

    <tr>
    <td><span>wewe</span></td>
    <td>16</td>
    </tr>

    <tr>
    <td><span>Melvin</span></td>
    <td>18</td>
    </tr>

    <tr>
    <td><span>Marvin</span></td>
    <td>20</td>
    </tr>
</table>

これは私のjqueryです

  <script type="text/javascript">
var span = $(".AvailableGroupLab").clone().html();
function filter(element) {
    $('.AvailableGroupLab').html(span);
    var value = $(element).val().toLowerCase();
    $(".AvailableGroupLab span").each(function () {
        if ($(this).text().toLowerCase().search(value) == -1) {
            $(this).remove();
        }
    });
}
       </script>
4

3 に答える 3

1

試す

function filter(element) {
    var $trs = $('.AvailableGroupLab tr').hide();
    var regexp = new RegExp($(element).val(), 'i');

    var $valid = $trs.filter(function () {
        return regexp.test($(this).find('td:first-child').text())
    }).show();

    $trs.not($valid).hide()
}

デモ:フィドル

于 2013-08-30T03:49:34.250 に答える
0

$(document).ready(function() {

/ ---- ここで、GRABL 製品のリストと価格を表示する DIV を FDEOUT して非表示にします ---- /

    $(".col-md-9 .show_this_li").fadeOut(500);

/ ---- ここから検索機能を開始します ---- /

    $("#src").keyup(function() {

    $(".col-md-9 .show_this_li").fadeIn(500);

/ ---- ここでフェードアウトして最初の DIV を非表示にし、CATS の見出しを付けて一覧を表示します ---- /

    $(".col-md-9 .hide_this").fadeOut(200);

    $('.clear_src').html("<h6>Clear Search</h6>");

/ --- 検索フィールドのテキスト値を取得 ---- /

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

      $(".hover").fadeOut(200);

      $('.error').html("").fadeIn(100);

       $(".hover").each(function() {

        var text = $(this).text().toLowerCase();

/ ---- LI 製品で検索フィールドのテキストを確認する ---- /

     if(text.indexOf(val) != -1)
         {

             $('.error').html("<h6>Please Wait...</h6>").fadeOut(200);
             $(this).fadeIn(300); 

         }else {
                //$('.error').html($('<h5/>').text("No Data Found"));       
            }



       });

    });

/ ---- ここでは、ユーザーが検索フィールドを離れ、フィールドが空の場合、フェードインして猫のリストを表示します ---- /

$("#src").keyup(function() {

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

     if(val.length<1)
      {

            $(".col-md-9 .hide_this").show(1000);
            $(".col-md-9 .show_this_li").fadeOut(500);
            $('.error').html("<h6>Refressing...</h6>").fadeOut(200);

      } 

  });
于 2016-03-04T19:10:10.647 に答える