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


How To Fade Out Function With No Unique ID/Class

我通常不张贴我的服务器端代码,但我想我可以张贴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> ";
}

希望得到一些帮助,我搜索谷歌,但找不到任何东西,我可能做错了这种类型的系统

谢谢!

你可以像这样给每个盒子一个唯一的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();
    })
});