Php 显示div'的循环;使用href单击我按钮显示该div中的文本
我有点问题。我试图在数据库中做一个while循环,它将加载每个人的信息。在字段中,我希望它加载联系人表单,但在初始加载时将其隐藏。我有这个工作我的问题是,当我去点击按钮时,它会显示所有的Div,而我只想让它显示那个按钮被点击的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;
<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');
});