jQuery与PHP的结合

jQuery与PHP的结合,php,jquery,iteration,Php,Jquery,Iteration,我有一些简单的jQuery切换脚本,如下所示: <script type="text/javascript"> $(document).ready(function() { $('#clickedit').click(function() { $('#st').toggle(); }); }); </script> $(文档).ready(函数(){ $('#单击编辑')。单击(函数(){ $('#st').toggle(); }); }); 当然,

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

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

$(文档).ready(函数(){
$('#单击编辑')。单击(函数(){
$('#st').toggle();
});
});
当然,在我的HTML中我有一些

<div id="clickedit">CLICK ITEM TO TOGGLE</div>
<div id="st">content to show/hide</div>
单击要切换的项目
要显示/隐藏的内容
现在。。。如果我使用PHP,并且迭代了几个“项”,并且每个“项”都有其内容要显示/隐藏,那么我无法将静态ID设置为div,因为脚本无法工作。我可以将某些项的id分配给我的div(类似于
echo”“;
echo”“;
),但我不知道如何在jQuery脚本中处理它们!我刚刚发现jQuery,它非常出色,但仍然让我感到困惑:)所以任何帮助都会很好

提前谢谢

使用类选择器和一些jQuery甜点

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

$(文档).ready(函数(){
$('.div1')。单击(函数(){
$(this.next('.div2').toggle();
});
});
然后您的PHP将更改为,您可以删除您的ID:

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

我不知道你的具体情况,但像这样的事情应该可以解决:

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

在click事件中,取下ID,从ID中取下通用部分,并使用ID查找要切换的必要元素。

他需要切换的div很可能与可单击的div不相邻(我知道在示例中是这样的,但如果不相邻,整件事就会发生故障)。当然,在PHP.wow!中循环时,可以使用选择器通配符并将和ID附加到ID中来处理此问题:)jQuery
$('.clickedit').click(function() {
    var id = this.id.replace('clickedit', '');
    $('#st' + id).toggle();
}