Javascript PHP foreach循环上的jQuery切换

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;?></

使用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;?></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');
      });
  });