属性が属性リストに含まれている場合、jQuery要素を選択しますか？

Question

は良い（私は事前に非常に、jQueryのに新しいごめんなさい）の例で説明します

// Selector for checkboxes not checked 
var checkboxes = "input:checkbox:not(:checked)"; 

// Selector for labels relative to checkboxes not checked 
var labels = "label[for=" + $(checkboxes).attr("id") + "]"; 

$(checkboxes + ", " + labels]).FadeTo("slow", 0.45); 

これは、チェックボックスのために動作しますが、でも、ラベル（妙に、1つのラベルだけが選択されます）のために。

質問：どのように「添付」ラベルを選択できますか？そして、複数の要素が選択された場合（配列、連結リスト、または何を返しますか？）、.attr("name")が実際にどのように動作するか。 （妙に、1つのラベルだけが選択されます）

Answer 1

複数の要素が選択されている場合、実際にどのように機能するか .attr("name")

とは、（配列、連結リスト、またはを返します。.. 。 何？）。

要素のセットで.attr()を呼び出すと、最初の要素の属性値のみが返されます。したがって、あなたの場合、最初のチェックボックスのラベルが選択されます。

セレクタ文字列をループで動的に作成することはできますが、効率的ではありません。あなたのラベルとチェックボックスが予測可能なHTML構造であれば、代わりにjQueryのtraversing methodsを使ってそのラベルとチェックボックスを利用することができます。

Answer 2

// Selector for checkboxes not checked 
var checkboxes = $('input:checkbox:not(:checked)'), 
    selector = []; 

checkboxes.each(function(){ 
    selector.push('[for="' + $(this).attr('id') + '"]'); 
}); 

// Selector for labels relative to checkboxes not checked 
var labels = $('label:' + selector.join()); 

私はそれで十分であると思います。

Answer 3

これを試してみてください：

$('input:checkbox:not(:checked)').each(function(){ 
    $('label[for=' + $(this).attr('id') + ']').add(this).fadeTo('slow',0.45); 
});