php - 如何将 jQuery 函数应用于具有相似 ID 的 DOM 元素？

Question

我得到了这个脚本：

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

#zoom_01图片的ID在哪里。我有很多带有 ID 的图像，如下所示：

zoom_01
zoom_02
zoom_03
zoom_04
and so on

我如何使 javascript 将采用所有 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

我不知道是什么elevateZoom，但你可能有这样的语法：

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

score 0 · Accepted Answer

让 PHP 写出 Javascript，以便在浏览器中加载页面时可用。

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

4 回答 4