多くの要素に同じ機能を適用します（順番に）

Question

これを行うにはより良い方法です（たとえば、私は10個のa要素があるとします）。

$('#id > a:nth-child(1)').click(function() { changeP(1); return false; }); 
$('#id > a:nth-child(2)').click(function() { changeP(2); return false; }); 
$('#id > a:nth-child(3)').click(function() { changeP(3); return false; }); 

私は2つの可能性を知っているが、私は特に彼らのようにしないでください。

1. .bind()を使用してパラメータを持つ代わりに.click()
2. .map(return $(this))を使用して、インデックスVARと配列を反復

Answer 1

あなたはこれを行うことができます：

$('#id > a').each(function(i) { 
    $(this).click(function() { changeP(i); return false; }); 
}); 

jQueryのは、「各」関数への最初のパラメータとして選択された要素のインデックスを渡します。

Answer 2

indexを使用して要素のインデックスを取得できます（その親に対して） HOD：

$("#id > a").click(function() { 
    changeP($(this).index() + 1); 
    return false; 
}); 

要素のインデックスは0から始まりますので、jQueryのメソッドは、マッチしたセット内のすべての要素に適用する傾向があるので、1本でnth-child開始が働くので、clickイベントハンドラはバウンドであるのに対し、あなたは、1を追加する必要がありますセレクタと一致するすべての要素に渡します。

Answer 3

$('#id > a').click(function(){ 
    changeP($(this).index(' #id > a')+1); 
    return false; 
}); 

参照：これは、他の要素がコードに挿入されている場合でもindex()

作品：

<div id="id"> 
    <a href="#">1</a> 
    <span>hello</span> 
    <a href="#">2</a> 
    <a href="#">3</a> 
    <a href="#">4</a> 
</div> 

Answer 4

$.each($('#id > a'), function(index) { 
    $(this).click(function() { 
    changeP(index); return false; }); 
}); 

Answer 5

あなたは）（.eachを探している：http://api.jquery.com/each/

$('#id > a').each(function(index){ 
    $(this).click(function(){ 
     changeP(index+1); 
    }); 
});