Question

Ajax无刷新删除怎么只能删除一次？？？

昨天晚上我用ajax进行无刷新删除！！我是在window.onload之后，就ajax请求获得数据然后打印到页面！！我在success下面我就绑定打印出来的class！！然后进行无刷新删除操作，可以顺利删除第一次！但是不知道什么删第一次就不行了！怎么解决啊！各位大哥！！

附上代码！！！

/**
* 加载页面就显示DVD信息
*/
window.onload=function()
{
$(function(){
$.ajax({
url:'showDVD',
type: "POST",
dataType:'json',
error:function(){
alert("error occured!!!");
},
success:function(data){
if(data == null){
$('.showDVD').text("没有数据");
}else{
var dvdName = "";
$.each(data, function(i){
valueName = data[i].dvdName;
dvdName+=data[i].dvdNo+data[i].dvdName+"<a href='#' class='deleteDVD' value='"+data[i].dvdName+"'>删除</a><input type='button' value='出租此DVD' class='renDVD'><br/>";
$('.showDVD').html(dvdName);
});
}
$('.deleteDVD').on('click',function(){//这里是在success之后！！而且是在一个ajax里面再做ajax！！！
var dvdName = $(this).attr('value');
//alert(dvdName);
$.ajax({
url:'deleteDVD',
data:{dvdName:dvdName},
type:"POST",
dataType:'json',
error:function()
{
alert("删除过程出错");
},
success:function(data)
{
if(data == null){
$('.showDVD').text("没有数据");
}else{
var dvdName = "";
$.each(data, function(i){
valueName = data[i].dvdName;
dvdName+=data[i].dvdNo+data[i].dvdName+"<a href='#' class='deleteDVD' value='"+data[i].dvdName+"'>删除</a><input type='button' value='出租此DVD' class='renDVD'><br/>";
});
$('.showDVD').html(dvdName);
}

}

})
})
}

});

})
}

Answer 1

id 不要重复，重复的列表中用class或其他选择器做区分
另 ，设dd.pink的父级元素.fuji

追问

我没有设ID！！设了相同的class！然后点击的时候获取该class的value属性的值！！