按id或jquery中的类单击所有元素

时间:2015-05-01 19:37:39

标签: javascript jquery

我需要点击所有' my_id _' id从最后一个开始,所以我在jQuery中创建了这个代码。一切正常,但每次我必须重新加载页面,找到"找到"下一个id。有没有办法在不重新加载页面的情况下执行此操作?

 <div class = "completed" >
     <a id="my_id_1" class="my_class_name" title="Click here"></a>
 </div>                                                          

 <div class = "completed" >                                      
     <a id="my_id_2" class="my_class_name" title="Click here"></a>
 </div>                                                          

 <div class = "completed" >                                      
     <a id="my_id_3" class="my_class_name" title="Click here"></a>
 </div>                                                          

 <div class = "completed" >                                      
     <a id="my_id_4" class="my_class_name" title="Click here"></a>
 </div>                                                          

 <div class = "completed" >                                      
     <a id="my_id_5" class="my_class_name" title="Click here"></a>
 </div>

我的代码:

setInterval(function () {
    var id = "#" + $('[id ^= "my_id_"]').last().prop("id");
    if (id != "#undefined") {
        $(id)[0].click();
        setTimeout(function () {
            location.reload();
        }, 500);
    }
}, 2000);

也在课堂上尝试过,但没有运气......

setInterval(function () {
    if ($(".my_class_name").length) {
        $(".my_class_name:last").trigger("click");
    }
        setTimeout(function () {
            location.reload();
        }, 500);
}, 2000);

1 个答案:

答案 0 :(得分:0)

在触发每个项目的点击事件之前,您可以在所选项目数组上使用反向功能。

var reversed = $(".my_class_name").get().reverse();

$(reversed).each(function () {
    $(this).trigger("click");
});

jsfiddle:https://jsfiddle.net/0h54vav2/