jQuery与PHP的结合
我有一些简单的jQuery切换脚本,如下所示: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(); }); }); 当然,
<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();
}