Javascript JQuery在单击时遍历循环

我尝试了几种方法来循环一组4个li元素，每个元素都有一个“item_n”类，其中in是一个整数1-4。我需要在每次单击时增加1。我差一点，但结果越来越糟。这是我的半工作代码：

$('input.compare').change(function(){
    var me = $(this).attr("refid");
    $('li.item_1').append('<img src="images/submenu/' + me + '.png" alt="compare1" height="28" width="28" />');
});

$（'input.compare'）.change（函数（）{
var me=$（this.attr（“refid”）；
$（'li.item_1'）。附加（''）；
});

我需要循环通过li.item_1选择器，比如$（'li.item_“+I'），每次单击，直到达到四个为止

---

提前谢谢。

如果你给他们上同一堂课，这样的东西可以让你列举

$('input.compare').change(function(){
   $(".itemclass").each(function(){
     // do what you need
     alert($(this).name())
   });
 });

我想你可以试试：

$('input.compare').change(function(){
    var me = $(this).attr("refid");
    $('li [class^=item_]').each(function(){
         var me = $(this).name();
         $(this).append('<img src="images/submenu/' + me + '.png" alt="compare1" height="28" width="28" />');
        });
});

$（'input.compare'）.change（函数（）{
var me=$（this.attr（“refid”）；
$（'li[class^=item_z]'）。每个（函数（）{
var me=$（this.name（）；
$（此）。附加（“”）；
});
});

---

其中，

[class^=item_u]

将获得li拥有的任何类，并以

item_uu

开始。对不起，我想我解释得不够好。我有4个li元素，如下所示：

• 当用户单击任何一个输入。比较元素时，我需要在第一个li[class='item_1']后面添加一个图像。当用户单击剩余的input.compare元素中的任何一个时，它会追加li[class='item_2']，依此类推，直到追加最后一个li[class='item_4']。在添加最后一个后，我需要显示一个警报。