如何在没有唯一ID /类的情况下淡出功能

时间:2014-05-14 00:46:50

标签: javascript php jquery ajax while-loop

我通常不会发布我的服务器端代码,但我想我可以发布abit来解决这个问题,我有一个工作人员页面在数据库中循环,因为我将使用数据库来做其他事情比如删除/降级工作人员,如果他们做错了什么,并使网站更整洁。 (不要让工作人员降职,但在我需要的情况下)

无论如何我正在用一个盒子循环它我现在想要的是当点击其中一个盒子时我希望它转到一个php页面(通过ajax请求从数据库中删除用户)然后隐藏或淡出使用隐藏或淡入淡出功能的方式。

但唯一的问题是,当它循环播放时我该怎么做?因为div没有它自己的类或id,我不认为jquery可以连接到数据库以获得唯一的id(因为它的客户端)

这是我的一些帮助代码

while($staff_info = mysqli_fetch_array($select_staff)) {
$account_name = $staff_info['account_name'];
$position = $staff_info['position'];
$description = $staff_info['description'];
echo "

<div id='staff_boxes'> <text style='float:right;'> <a href='#' class='delete_button'> X </a> </text>";
echo"
<h2>$account_name</h2>
$position
<p>$description</p>
</div> ";
}

希望得到一些帮助,我搜索谷歌但却找不到任何我可能在这类系统上做错的事情

谢谢!

1 个答案:

答案 0 :(得分:1)

您可以使用您的代码为每个框添加一个这样的唯一ID:

while($staff_info = mysqli_fetch_array($select_staff)) {
$id = $staff_info['id']; // assuming you have an id field in your DB
$account_name = $staff_info['account_name'];
$position = $staff_info['position'];
$description = $staff_info['description'];
echo "

<div id='staff_boxes_$id'> <text style='float:right;'> <a href='#' class='delete_button'> X </a> </text>";
echo"
<h2>$account_name</h2>
$position
<p>$description</p>
</div> ";
}

或者,您可以为所有div提供相同的类(例如<div class="staff_box"> ... </div>,然后像这样使用jQuery:

$('.staff_box').each(function(index) {
    var box = $(this);
    box.children('.delete_button').click(function(event) {
        event.stopPropagation();
        box.hide();
    })
});