在循环php jquery中隐藏和显示内容

Posted 2023-03-14

【中文标题】在循环php jquery中隐藏和显示内容

【英文标题】：hide and show content in loop php jquery

【发布时间】：2016-01-18 15:01:18

【问题描述】：

大家好，我需要一些帮助，我有这些代码，我需要按 id 显示内容 单击显示内容后，我需要按相同的 id 显示内容

    <script type="text/javascript">
    function toggleAndChangeText() 
         $('#divToToggle').toggle();
         if ($('#divToToggle').css('display') == 'none') 
              $('#aTag').html('Collapsed text mode &#9658');
         
         else 
              $('#aTag').html('Expanded text mode &#9660');
         
    
 </script>

 <style>
 #divToToggledisplay:none;
 </style>

还有这段代码 php/html

          <?php 
        $stmt = $DB_con->prepare("SELECT * FROM `topic` ORDER BY id");
        $stmt->execute();   
        foreach ($stmt->fetchAll() as $row) 
        echo" 
        <div class='Post'>
        <div class='rgt Pimg'><a href='post.php?id=".$row['id']."'><img src='".$row['e_title']."' class='Pimg'/></a></div>
        <div>
        <a id='aTag' href='javascript:toggleAndChangeText()'>
           Show Content
        </a>
        <div id='divToToggle'>".$row['e_content']."</div>
        </div>
        ";
        
      ?>

【问题讨论】：

首先，请更清楚地描述目前的状态以及您需要帮助的地方。转储您的代码并要求人们完成您的项目不是要走的路。此外，ids 应该是唯一的。在您的代码中肯定不是这种情况，这可能是问题的重要部分。

你好 GolezTrol 先生 - 老实说，我在 Jquery 方面没有太多经验，这就是为什么我在这里问你帮助我如何在代码 Jquery 中修改 id 这就是我需要的请帮助我

【参考方案1】：

您不能对多个元素使用相同的ID。请改用class：

将您的脚本更改为：

   $(document).ready(function()
    $("a.aTag").on("click", function()
       var toggleElement = $(this).closest("div").find(".divToToggle");
       toggleElement.toggle();
         if (toggleElement.css('display') == 'none') 
              $(this).html('Collapsed text mode &#9658');
         
         else 
              $(this).html('Expanded text mode &#9660');
         
    ); 

 ); 

你的 PHP 代码是这样的：

 <?php 
    $stmt = $DB_con->prepare("SELECT * FROM `topic` ORDER BY id");
    $stmt->execute();   
    foreach ($stmt->fetchAll() as $row) 
    echo" 
    <div class='Post'>
    <div class='rgt Pimg'><a href='post.php?id=".$row['id']."'><img src='".$row['e_title']."' class='Pimg'/></a></div>
    <div>
    <a class='aTag' href='javascript:toggleAndChangeText()'> 
       Show Content
    </a>
    <div class='divToToggle'>".$row['e_content']."</div>
    </div>
    ";
    
  ?>