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_」で始まる属性を持つすべての要素が選択されます。