javascript - 如何选择多个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_”开头的所有元素。