名前のインクリメントを使用したJqueryループ

Question

jqueryが新しく、この簡単なタスクが私を圧倒します。私はあなたが次のコードを1つのループに変換する方法を知りたいですか？誰でも助けてくれますか？ 「一つのループ」で使用すると、1つのイベント処理関数を意味すると仮定すると

$('#image1').change(function() { 
$('#input-image1 .error').hide(); 
}); 
$('#image2').change(function() { 
$('#input-image2 .error').hide(); 
}); 

Answer 1

は、あなたが選択するために、グループに要素をクラスの組み合わせを使用することができ、また、data-*は、ターゲットにどの要素を示すために属性を指定します。これを試してみてください：

<input type="text" id="image1" data-target="input-image1" class="image" /> 
<input type="text" id="image2" data-target="input-image2" class="image" /> 

<div id="input-image1"> 
    <span class="error">error</span> 
</div> 
<div id="input-image2"> 
    <span class="error">error</span> 
</div> 

$('.image').change(function() { 
    $('#' + $(this).data('target') + ' .error').hide(); 
}); 

Answer 2

あなたは、単にループを使用することができます。

var i; 
for (i=1; i<3; i++) { 
    $('#image'+i).change(function() { 
     $('#input-image1'+i+' .error').hide(); 
    }); 
} 

Answer 3

あなたの要素をループするjQueryの$.eachを使用することができます。

$.each($('#image1, #image2'), function (k) { 
    $(this).on('change', function() { 
     $('#input-image' + ++k + '.error').hide(); 
    }); 
});