Php 显示div'的循环;使用href单击我按钮显示该div中的文本

Php 显示div'的循环;使用href单击我按钮显示该div中的文本,php,Php,我有点问题。我试图在数据库中做一个while循环,它将加载每个人的信息。在字段中,我希望它加载联系人表单,但在初始加载时将其隐藏。我有这个工作我的问题是,当我去点击按钮时,它会显示所有的Div,而我只想让它显示那个按钮被点击的Div。下面只是一个简单的例子 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <?php $x = 1;

我有点问题。我试图在数据库中做一个while循环,它将加载每个人的信息。在字段中,我希望它加载联系人表单,但在初始加载时将其隐藏。我有这个工作我的问题是,当我去点击按钮时,它会显示所有的Div,而我只想让它显示那个按钮被点击的Div。下面只是一个简单的例子

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<?php

$x = 1; 

while($x <= 5) {
  echo '<div class ="Test_name">Hello World</div> <br>
  <a  href = "#" class = "Click_ME" > Click to show</a>';
  $x++;
} 
?>

<script>
  $( document ).ready(function() {
  $( ".Test_name" ).hide();
  $('.Click_ME').html('TEST');
  $( ".Click_ME" ).click(function() {

    $( ".Test_name" ).show();

  });
});
</script>

$(文档).ready(函数(){
$(“.Test_name”).hide();
$('.Click_ME').html('TEST');
$(“.Click_ME”)。单击(函数(){
$(“.Test_name”).show();
});
});

替换
$(“.Test_name”).show()$(this).prevAll('.Test_name').first()进行编码>

单击按钮时,jquery选择器应指向相应的div

使用
$(“.click_ME”).index(this)
我们可以找到单击按钮索引的索引,并使用它div可以使用
$(“.Test_name”).eq($(“.click_ME”).index(this)).show()显示

请检查下面的代码片段

$(文档).ready(函数(){
$(“.Test_name”).hide();
$(“.Click_ME”)。在('Click',function()上{
//$(“.Click_ME”)。索引(此)将找到已单击按钮的索引,并基于该索引div可以显示/隐藏。
$(“.Test_name”).eq($(“.Click_ME”).index(this)).show();
});
});

你好,世界


你好,世界

遵循以下简单步骤

  • 在div中包括样式
    display:none

    <div style='display:none'>
        // you all php data here
    </div>
    

虽然这个代码片段可以解决这个问题,但它确实有助于提高文章的质量。请记住,您将在将来回答读者的问题,这些人可能不知道您的代码建议的原因。
$( ".Click_ME" ).click(function() {

    $(".Test_name").css('display','block');

});