切换按钮在While循环中无法正常工作

时间:2015-03-13 11:04:27

标签: php jquery css3

如何使slideToggle适用于我的所有查询,因为slideToggle仅适用于第一个查询。任何人都可以帮助我吗?

JS代码

$(document).ready(function(){
$("#SendCopy").click(function(){
    $("#users").slideToggle("slow");                              
});                        
});

PHP代码

<?php
while($get = mysqli_fetch_array($result)){
?>
<input type="text" name="doc_no" value="<?=$get['doc_no']?>">
<div id="SendCopy"><input type="button" value="SendCopy" class="btn btn-default"></div>
<div id="users">
    <span><strong>Quality Mngr: </strong><span style="color:#FF0000;"><?=$get['quality_manager'];?></span></span><br>
    <span><strong>Technical Mngr: </strong><span style="color:#FF0000;"><?=$get['technical_manager'];?></span></span><br>
    <span><strong>Top Mngr: </strong><span style="color:#FF0000;"><?=$get['top_manager'];?></span></span>
</div>
<?php } ?>  

CSS样式

#status{
display: none;
}

1 个答案:

答案 0 :(得分:0)

使用Class而不是ID,因为while循环创建ID重复,试试这个..

<?php
while($get = mysqli_fetch_array($result)){
?>
<input type="text" name="doc_no" value="<?=$get['doc_no']?>">
<div class="SendCopy"><input type="button" value="SendCopy" class="btn btn-default"></div>
<div class="users">
    <span><strong>Quality Mngr: </strong><span style="color:#FF0000;"><?=$get['quality_manager'];?></span></span><br>
    <span><strong>Technical Mngr: </strong><span style="color:#FF0000;"><?=$get['technical_manager'];?></span></span><br>
    <span><strong>Top Mngr: </strong><span style="color:#FF0000;"><?=$get['top_manager'];?></span></span>
</div>
<?php } ?>  

和js代码一样,

$(document).ready(function(){
$(".SendCopy").click(function(){
    $(this).next(".users").slideToggle("slow");                              
});                        
});