如何在没有唯一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();
})
});
相关文章:
- 如何在未直接触发的情况下停止事件
- 在不使用JQuery的情况下隐藏DOM中的选定元素
- 在不使用jquery的情况下查找页面中的所有锚点并附加函数
- 在不打开聊天屏幕的情况下制作Zopim-ding代理
- 在不阻止默认行为的情况下检测IE10中的缩放
- 如何在不传递此信息的情况下查找被调用的元素
- 如何在不刷新页面的情况下更新显示框
- 有没有一种方法可以在控制台关闭的情况下让console.log()在IE中记录消息
- JavaScript-在手机上不工作的情况下,在外部单击时隐藏元素
- 在我的情况下,如何进行http请求
- 在不知道深度或父属性的情况下从对象中删除属性
- 在不破坏未定义函数的情况下,对多个视图使用单个js文件
- ROR:如何在不重新加载浏览器的情况下从控制器获取参数
- 如何在不影响其他元素的情况下扩展DIV
- 简单的淡入和淡出效果在没有框架的情况下点击
- 是否可以在不删除行的情况下淡出文本
- 在没有jquery的情况下淡出页面上的元素
- 如何在不使用ngAnimate的情况下从ngrepeat中删除元素时具有淡出效果
- 在没有实际文本触发的情况下,淡出/淡出图像滚动
- 如何在没有唯一ID/类的情况下淡出函数