Javascript PHP foreach循环上的jQuery切换
使用codeigniter 3.x 我试图使用foreach循环从数据库中获取数据Javascript PHP foreach循环上的jQuery切换,javascript,php,jquery,codeigniter,foreach,Javascript,Php,Jquery,Codeigniter,Foreach,使用codeigniter 3.x 我试图使用foreach循环从数据库中获取数据 <h3 style="margin-right:15px;" id='hideshow'>August 2016</h3> <?php foreach($duxeos as $e): ?> <div class='content' ><h4 class="dropdate"><?php echo $e->fulldate;?></
<h3 style="margin-right:15px;" id='hideshow'>August 2016</h3>
<?php foreach($duxeos as $e): ?>
<div class='content' ><h4 class="dropdate"><?php echo $e->fulldate;?></h4><div class="cdropdate" class="defhide"><?php echo $e->content;?></div></div>
<?php endforeach; ?>
现在它工作了,但当我按下隐藏按钮时,它隐藏了所有内容,我如何才能隐藏我想要的内容?- 在
处理函数中使用
上下文此
- 使用
而不是.on
.live
- 使用
获取最近的元素以查找其子元素.closest
jQuery(文档).ready(函数(){
jQuery('.dropdate')。在('click',函数(事件){
jQuery(this).closest('.content').find('.cdropdate').toggle();
});
});代码>
2016年8月
完整日期
内容
完整日期
内容
- 在
处理函数中使用此
上下文
- 使用
.on
而不是.live
- 使用
.closest
获取最近的元素以查找其子元素
jQuery(文档).ready(函数(){
jQuery('.dropdate')。在('click',函数(事件){
jQuery(this).closest('.content').find('.cdropdate').toggle();
});
});代码>
2016年8月
完整日期
内容
完整日期
内容
我在您的代码中没有看到任何循环。。也不是说,foreach($e)是foreach的一切!考虑我的评论中的第二点。是的,我知道,如果它不允许多个元素在同一个ID中,那么它如何改变每个循环上的ID值?考虑使用<代码>类< /代码>而不是<代码> ID <代码>,它会使你的生活变得简单……我在代码中没有看到任何代码>循环< /代码>。也不是说,foreach($e)是foreach的一切!考虑我的评论中的第二点。是的,我知道,如果它不允许同一ID中的多个元素,那么它如何改变每个循环中的ID值?考虑使用<代码>类< /代码>而不是<代码> ID <代码>,它会使你的生活变得简单。
jQuery(document).ready(function(){
jQuery('.hideshow').live('click', function(event) {
jQuery('.content').toggle('show');
});
});
jQuery(document).ready(function(){
jQuery('.dropdate').live('click', function(event) {
jQuery('.cdropdate').toggle('show');
});
});