レコードをフィルタリングするためのJQueryコード。最高のテクニック/コード

Question

ここに私のコードです...私がしようとしているのは、データベースから引っ張っているレコードの "データセット"を介してjqueryを使用してフィルタをかけることです。

これは私のコードですが、非常に不十分です。

<script> 
$(document).ready(function(){ 
    $("#descriptionField").bind('keyup',function(e){ 
     var filter = $(this).val(); 
     if(filter) 
     { 
      $("#list").find("a:not(:contains(" + filter + "))").parent().slideUp(); 
      $("#list").find("a:contains(" + filter + ")").parent().slideDown(); 
     } 
    }); 
}); 
</script> 

Answer 1

あなたが複数回慣れる常にキャッシュ選択ができます。

$(function(){ 
    var $A = $('#list').find('a'); 
    $("#descriptionField").bind('keyup',function(e){ 
     var filter = this.value; 
     if(filter.length > 0) 
     { 
      $A.filter(":not(:contains(" + filter + "))").parent().hide(); 
      $A.filter(":contains(" + filter + ")").parent().show(); 
     } 
    }); 
}); 

は私がアニメーション slideDown()と slideUp()機能が show()と hide()集中的少ないCPUを求めて削除しました。また、jQueryを使用して入力の値を取得する代わりに、私は this.valueを使用しました。

代わり:not()と:contains()の擬似セレクタを使用してのあなたはこれを行うにはfilter()を使用することができます。http://jsperf.com/jquery-contains-vs-filter