我有一个由PHP生成的条目列表,每个条目在它们自己的div中,并且每个条目都有一个唯一的ID。我正在尝试开发一个AJAX调用,它可以根据它们的ID删除每个条目,但是每当我运行下面的脚本时,它总是返回0。
<div>
Some entry here
<button id="0" class="remove">Remove</button>
</div>
<div>
Another entry here
<button id="1" class="remove">Remove</button>
</div>
// ... and so on
<script>
$(".remove").click(function() {
var id = $(".remove").attr('id');
alert(id); // debug
// AJAX call here
});
</script>
以前我尝试过同样的事情,除了相反的方式- PHP返回的id在class属性中,id属性的值为'remove‘,这只为第一个按钮返回0。第二个按钮根本没有调用jQuery脚本。
如何将唯一ID传递给同一个jQuery调用?
发布于 2015-05-22 13:39:15
尝尝这个
$(".remove").click(function() {
var id = $(this).attr('id'); // $(this) refers to button that was clicked
alert(id);
});
发布于 2015-05-22 13:42:30
$(".remove").on("click",function() {
var id = $(this).attr('id');
console.log(id);
});
发布于 2015-05-22 13:42:53
您需要使用this
关键字来引用单击的元素:
$('.remove').click(function() {
var id = this.id;
// OR
var id = $(this).attr('id');
});
https://stackoverflow.com/questions/30389073
复制相似问题