php - 如何在这个“点击显示”脚本上使 ID 独一无二

Question

我正在尝试将此脚本添加到我的网站，但有一个由脚本“voucherCode”生成的相同元素的列表，所以我在这里苦苦挣扎，因为当我测试它时，只有第一个元素会“显示”，无论哪个是点击...

  <!--EDIT-->

尝试使用有效的类调用脚本，但现在所有这些都显示：

Answer 1

正如 Blazemonger 所说，浏览器不会选择具有相同 ID 的多个元素。Id 应该是唯一的，如果您需要重复的内容，请使用类。

首先更新好你需要添加类而不是ID

<div class="voucherCode">

如果您使用 jquery（首先在标题中调用它，google jquery）

$('.trigger_class').click(function(){
    //do what you need to do here when clicked
    //to access all of the voucherCode class you use $('.voucherCode').css('display', 'block');
});

更新 2：如果您只想显示特定的，那么您需要那些（类（2 或更多）或 id（只有 1））上的标识符，然后定位您要显示的那些。为了使其更具动态性，您可以将 rev 或 title 属性添加到触发器锚标记，并使用 jquery 获取该属性并将其用作要显示的元素

<a class="trigger_class" rev="reveal_class_or_ID">....</a>

然后在javascript中

$('.trigger_class').click(function(){
    //grab the rev from the a, this is use a class (hence the .  if it is using id it would be #)
    $("." + $(this).attr("rev")).css('display','block');
});

最后不要忘记将reveal_class_or_ID添加到您的物品中

更新：

我不擅长 php，但似乎您可以选择将迭代器或索引添加到

<div class="revealVoucher" id="reveal_dynamicID">
    <a href="<?=$affiliate_url?>" target="_blank">Reveal Code</a>
</div>

<div class="voucherCode" id="show_dynamicID">
    <a href="<?=$affiliate_url?>"><?=$voucher_code?></a>
</div>

我不知道迭代器在 php 中是如何工作的，但如果你知道 php，这应该是有意义的