php - PHP foreach 语句上的 jQuery 切换

Question

页面代码如下

<?php foreach ($organization->index() as $id=>$content) { ?>
<a href="#" id="obtain_branch"><?= $content->name?></a>
<div id="directory_brnach"><?= $content->about?></div>
<?php } ?>

使用 jQuery 的 JavaScript 代码是

 // Directory inner branches
$('#obtain_branch').click(function(){
   $('#directory_brnach').toggle('fast');
});

问题是它只对第一个起作用，因为 ID 没有改变，其余的不会改变。

如何将数组发送到 jQuery 函数以在每次迭代时提供单独的 ID？

提前致谢。

Answer 1

#obtain_branch 选择具有该 ID 的第一个元素。使用类将对链接有所帮助，但对 div 没有帮助 - 这会同时切换所有链接。尝试:

<?php foreach ($organization->index() as $id=>$content) { ?>
<a href="#" class="obtain_branch"><?= $content->name?></a>
<div class="directory_brnach"><?= $content->about?></div>
<?php } ?>

JavaScript:

$('.obtain_branch').click(function(){
    $(this).next('.directory_brnach').toggle('fast');
    return false; //to avoid the link from working
});