如何选择多个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);
    });
}

FIDDLE

你还需要为所有球添加一个位置和一个初始左值，否则它将不起作用，因为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_']")

这将选择具有以{ball _“开头的id属性的所有元素。