结合 jQuery 和 PHP

Question

我有一些简单的 jQuery 切换脚本，如下所示：

<script type="text/javascript">
$(document).ready(function() {
  $('#clickedit').click(function() {
    $('#st').toggle();
  });
});
</script>

当然，在我的 HTML 中我有一些

<div id="clickedit">CLICK ITEM TO TOGGLE</div>
<div id="st">content to show/hide</div>

Now... 如果我正在使用 PHP 并且我正在迭代几个“项目”，并且每个“项目”都有要显示的内容/hide 我无法为我的 div 设置静态 id，因为脚本无法工作。我可以将某些项目的 id 分配给我的 div（例如 echo "

"; 和 echo "

";) 但我不知道如何在我的 jQuery 脚本中处理它们！我刚刚发现 jQuery，它很棒，但仍然让我感到困惑:) 所以任何帮助都会很棒！
提前致谢！

Answer 1

我不知道你的具体情况，但类似这样的事情应该可以解决问题：

<div class="clickedit" id="clickedit123">CLICK ITEM TO TOGGLE</div>
<div class="st" id="st123">content to show/hide</div>

你设置类名以便能够一次将单击事件分配给所有这些事件，但使用 ID 为每个项目提供特定的 ID。

$('.clickedit').click(function() {
    var id = this.id.replace('clickedit', '');
    $('#st' + id).toggle();
}

在单击事件中获取 ID，从 ID 中取出通用部分，然后使用 ID 查找要切换的必要元素。

Answer 2

使用类选择器和一些 jQuery 的优点！

<script type="text/javascript">
$(document).ready(function() {
  $('.div1').click(function() {
    $(this).next('.div2').toggle();
  });
});
</script>

然后你的 PHP 将更改为，你可以删除你的 ID：

echo "<div class='div1' id='clickedit".$id."'>"; and echo "<div class='div2' id='st".$id."'>";