如何选择多个div ID

Question

如何在同一函数调用中选择3个球？

这是小提琴链接： http : //jsfiddle.net/X3SVp/2/

function flipper(){
    $('#ball_1, #ball_2').each.animate({
        "left": '-90',
    }, function(){
        $('#ball_1, #ball_2').animate({
            "left": '200',
        }, flipper());
    });
}

flipper();

Answer 1

function flipper(){
    $('#ball_1, #ball_2, #ball_3').animate({left : -90}, function() {
        $(this).animate({left: 200}, flipper);
    });
}

小提琴

您还需要向所有球添加一个位置，以及一个初始的左值，否则它将不起作用，因为jQuery没有起始位置，并且具有静态位置的元素也不会移动。

Answer 2

you are close

$('#ball_1, #ball_2, #ball3, #ball4').animate({left : -90}, function() {
    $(this).animate({left: 200}, flipper);
});

，用于处理多个项目，在这种情况下不需要每个项目

Answer 3

您是否需要ball_#所有实例？ 如果是这样，您可以使用“开始于”选择器：

$("[id^='ball_']")

这将选择所有id属性以“ ball_”开头的元素。