javascript - 根据从数据库中获取的数据隐藏/显示多个 div 元素

Question

这是我的 PHP 代码，它从数据库中获取多行结果。

<p id = "show-desc">
<?php  echo $db_description = $row['description']; ?>  </p> 

这是我的 jQuery 代码，它在从数据库中获取结果后最初隐藏该段落，并在按下按钮时显示隐藏的段落。

     <script>
    $(document).ready(function(){
     $("#show-desc").hide();
     $("#show-details").click(function(){
         $("#show-desc").show();
});
});
</script>

现在，它在从数据库中仅获取一行的情况下工作正常。但是当有多行时它不起作用。它只隐藏第一行，其余的都是可见的。

标签： javascriptphpjquery

Answer 1

尝试以下操作：

<p class="show-desc"> </p> 
<script>
$(document).ready(function(){
     $(".show-desc").hide();
     $(".show-details").click(function(){
          $(this).show(); //
     });
});
</script>