Php 如何使此“点击显示”脚本上的ID唯一

Php 如何使此“点击显示”脚本上的ID唯一,php,jquery,click,Php,Jquery,Click,我正试图将此脚本添加到我的站点,但有一个由脚本voucherCode生成的相同元素的列表,所以我在这里很挣扎,因为当我测试它时,无论单击哪个元素,只有第一个元素将“显示” <!--EDIT--> 尝试使用一个有效的类调用脚本,但现在所有这些类都显示:正如Blazemonger所说,浏览器不会拾取具有相同ID的多个元素。ID应该是唯一的,如果需要重复的内容,则使用类 更新 首先,您需要添加类而不是ID <div class="voucherCode"> 更新2: 如

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

  <!--EDIT-->

尝试使用一个有效的类调用脚本,但现在所有这些类都显示:

正如Blazemonger所说,浏览器不会拾取具有相同ID的多个元素。ID应该是唯一的,如果需要重复的内容,则使用类

更新 首先,您需要添加类而不是ID

<div class="voucherCode">
更新2: 如果您只想显示特定的内容,那么您需要这些内容上的标识符class2或以上,或者idonly 1,然后以要显示的内容为目标。为了使其更具动态性,您可以将rev或title属性添加到trigger锚标记中,并使用jquery获取该属性,并将其用作要显示的元素

<a class="trigger_class" rev="reveal_class_or_ID">....</a>
最后,别忘了将discover\u class\u或\u 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,这应该是有意义的

编辑脚本以停止使用ID,并用类替换该ID。无法让浏览器识别具有相同ID的多个元素。我是否需要调用脚本来执行此操作,还是可以使用document.getElementsByClassName?这可能取决于脚本的外观。我发布的代码是脚本中的代码片段,想告诉我如何用类名调用它吗?这不是一段代码,这是全部代码。请试着为我们删减它。我用一个类调用了脚本,但现在它们都“显示”了,我刚刚编辑了上面的文章,这次我使用了类,但需要使它只显示单击的元素,而不是所有元素!我不认为我可以给每个变量一个唯一的类,因为脚本在php文件中只生成一次xml实例,据我所知,我只能包装一个变量。我可以为此提供示例代码,至少提供2个块。从xml中提取数据时,不能使用php添加索引吗?类似于id=item01然后是02等等,如果它是unqiue,那么您可以在这里进行任何修改之前使用ids或提供更多的示例输出。给至少两个街区
$('.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');
});
<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>