php - 同様のIDを持つDOM要素にjQuery関数を適用する方法は?

Question

私はこのスクリプトを手に入れました：

<script>
   $('#zoom_01').elevateZoom({});
</script>

は画像のID#zoom_01です。私は次のようなIDを持つ多くの画像を持っています:

zoom_01
zoom_02
zoom_03
zoom_04
and so on

JavaScript が 1 つではなくすべての ID を取得するようにするにはどうすればよいですか? 私は次のようなことを考えていました：

<script>
   <?php 
     foreach ($ArrayAllOfIDs as $i) {  
         $('#<?php echo $i; } ?>').elevateZoom({});
     }
   ?>
</script>

しかし、うまくいきませんでした。

score 4 · Accepted Answer

上記の属性を使用するのclassがおそらく最善の策ですが、何らかの理由で ID を使用する必要がある場合は、次のような「で始まる」セレクターを使用できます。

$("[id^=zoom_]").elevateZoom({})

これは、「zoom_」で始まるをelevateZoom持つすべての DOM 要素に適用されます。id

score 3 · Accepted Answer

同時に影響を受けるすべての画像にクラスを追加します。
ID は、重複しない一意のアイテムを識別するために使用されます。画像はすべてほぼ同じなので、クラスでそれらをグループ化できます。

次に、javascript を変更してクラスを選択します。

$('.zoom').elevateZoom({});

score 0 · Accepted Answer

PHP に Javascript を書き出させて、ページがブラウザにロードされたときに利用できるようにします。

<script>
<?php 
foreach ($ArrayAllOfIDs as $i) {  
    echo '$(\'#zoom_'. $i .'} \').elevateZoom({});\n';
} 
?>
</script>

score 0 · Accepted Answer

何であるかはわかりませんelevateZoomが、おそらく次の構文を使用できます。

$('#zoom_01, #zoom_02, #zoom_03, ...').elevateZoom({});

4 に答える 4