javascript - 具有名称增量的 Jquery 循环

Question

我是 jquery 的新手，这个简单的任务让我不知所措。我想知道如何将以下代码转换为一个循环？有人能帮忙吗？

$('#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();
});