JQuery在点击时循环遍历循环

时间:2014-05-07 01:44:46

标签: javascript jquery for-loop

我已经尝试了几种循环遍历一组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" />');
});

我需要在每次点击时循环遍历li.item_1选择器,如$('li.item _“+ i”'),直到达到四个。

提前致谢。

2 个答案:

答案 0 :(得分:1)

我想你可以试试:

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

其中[class^=item_]将获得li所拥有的任何类,并以item_

开头

答案 1 :(得分:0)

这样的事情可以让你枚举你是否给他们所有同一个班级。

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