Javascript 如何使用jquery获取当前数据属性值?
我在php while循环中使用以下代码:Javascript 如何使用jquery获取当前数据属性值?,javascript,jquery,Javascript,Jquery,我在php while循环中使用以下代码: <tr class="odd gradeX"> <td><?php echo $blog_id; ?></td> <td><?php echo $blog_title; ?></td> <td><?php echo $cat_name; ?></td> <td class="center">
<tr class="odd gradeX">
<td><?php echo $blog_id; ?></td>
<td><?php echo $blog_title; ?></td>
<td><?php echo $cat_name; ?></td>
<td class="center"><img width="50" src="<?php echo SITE_URL."assets/images/blog_images/$blog_image" ?>"/></td>
<td class="center"><?php echo $uname; ?></td>
<td class="center"><?php echo $added_date; ?></td>
<td class="center"><?php echo $status; ?></td>
<td class="center"><a data-toggle="modal" class="delete" data-id="<?php echo $blog_id; ?>" data-target="#myModal" href="<?php echo AD_SITE_URL."delete.php?name=blog&blog_id=$blog_id" ?>">Delete</td>
</tr>
现在,当我按下Yes
按钮时,它应该显示delete
链接中的数据id
值,但每次它都显示相同的数据id
值。如何使用jQuery获取每个delete
链接数据id
值
我正在使用以下代码:
<script>
$(document).ready(function() {
$("#deletePost").click(function() {
var id = $(".delete").attr("data-id");
alert(id);
});
});
</script>
$(文档).ready(函数(){
$(“#删除帖子”)。单击(函数(){
变量id=$(“.delete”).attr(“数据id”);
警报(id);
});
});
您只需在模式中创建一个隐藏字段,并在用户每次单击“删除”链接时填充其值
这里是工作演示
$(函数(){
$(“.delete”)。单击(函数(){
id=$(this.data('id');
$(“#myModal#post id”).val(id);
});
});代码>
身份证件
标题
类别
描述
1.
标题1
类别
数据
2.
标题2
类别
数据
3.
标题3
类别
数据
4.
标题4
类别
数据
&时代;
情态标题
你想删除吗
这是id的隐藏字段
您只需在模式中创建一个隐藏字段,并在用户每次单击“删除”链接时填充其值
这里是工作演示
$(函数(){
$(“.delete”)。单击(函数(){
id=$(this.data('id');
$(“#myModal#post id”).val(id);
});
});代码>
身份证件
标题
类别
描述
1.
标题1
类别
数据
2.
标题2
类别
数据
3.
标题3
类别
数据
4.
标题4
类别
数据
&时代;
情态标题
你想删除吗
这是id的隐藏字段
每次单击此行的“删除”按钮时,请将附加数据id属性设置为“提交”按钮
$('.delete').on('click',function(){
$('[name=submit]').attr('data-id',$(this).data('id'));
})
&在关闭数据模型时,可以删除该属性(在ajax成功中单击submit时,可以重复删除属性功能)
每次单击此行的“删除”按钮时,请将附加的数据id属性设置为“提交”按钮
$('.delete').on('click',function(){
$('[name=submit]').attr('data-id',$(this).data('id'));
})
&在关闭数据模型时,可以删除该属性(在ajax成功中单击submit时,可以重复删除属性功能)
$(“.delete”)
将选择具有该类的所有元素,.attr(“数据id”)
将给出集合中第一个元素的数据id
属性值。单击删除按钮时,将值存储在DOM中的变量/onYes
按钮中,并在单击Yes
按钮时使用。$(“.Delete”)
选择整个文档中的所有.Delete
元素。您需要了解如何跟踪已单击的
的数据id
(在显示模式之前),并在单击#deletePost
时使用该id。@JaromandaX如果使用该id,则表示未定义@JaromandaXdeletePost
输入没有数据id
属性。@jlRise您能告诉我怎么做吗?$(“.delete”)
将选择所有具有该类的元素,并且。attr(“数据id”)
将给出集合中第一个元素的数据id
属性值。单击删除按钮时,将值存储在DOM中的变量/onYes
按钮中,并在单击Yes
按钮时使用。$(“.Delete”)
选择整个文档中的所有.Delete
元素。您需要了解如何跟踪已单击的
的数据id
(在显示模式之前),并在单击#deletePost
时使用该id。@JaromandaX如果使用该id,则表示未定义@JaromandaXdeletePost
输入没有数据id
属性。@JLRishe您能告诉我怎么做吗?使用它首先返回id值,然后显示弹出窗口。我需要先显示弹出窗口,然后当我单击“是”按钮时,它应该显示id值。使用它首先返回id值,然后显示弹出窗口。我需要显示弹出窗口,然后当我将点击是按钮,它应该显示我的id值。是的,它帮助了我。谢谢你的朋友。:)很好,很乐意帮忙:)是的,它帮助了我。谢谢你的朋友。:)很好,很乐意帮忙:)
$('.delete').on('click',function(){
$('[name=submit]').attr('data-id',$(this).data('id'));
})
$('.close').on('click', function(){
$('[name=submit]').removeAttr('data-id'))
})