Jquery：ビルドセレクタ文字列の代わりに？

Question

jqueryでビルドセレクタ文字列の代替手段はありますか？

特に、いくつかのフォーム要素のラベルから情報を抽出しようとしているため、$('[for=#id]')のようなクエリを作成する必要があります。フォーム要素のすべての反復のすべてのパスでクエリ文字列を作成しなければならないのは、控えめで（おそらく非効率的な）ようです。

私が見つけることができる唯一の類似した質問は、有用な答えを持たないjQuery (anti-)pattern: building selectors with string manipulationです。

Answer 1

少なくとも、あなたが探しているフォームに検索を限定してください。属性の検索は、要素のルートセット内のすべての要素を反復処理する必要があるため、非効率的です。その代わりに、DOM内のすべての要素を検索すると、検索を制限します。

var forID = $('#my-form').find('[for=#id]'); 

あなたがしたいだけで何にダウンフィルタリング、その後、フォーム内のラベルを検索することで、このビットを高速化することができます。

var $allLabels = $('#my-form').find('label'); 

//then you can find a specific element by searching in the $allLabels object. 
$allLabels.filter('[for="#id"]'); 

を

ラベルが動的に変更されない場合は、選択範囲をループ外にキャッシュする必要があります。常にループ内で変更されない値をループ外にキャッシュします。

Answer 2

毎回各要素を処理する必要がある場合は、クエリを1回実行して結果を変数に格納するだけで済みます。これらの要素の情報を抽出する必要があるときはいつでも、その変数のすべてを繰り返し処理することができ、そのたびに要素のリストを照会する必要がなくなります。