通过后台可以查询出图片,小编在a标签后面添加了一个删除按钮,意在点击相应的按钮删除按钮前面的图片的效果,这里需要使用到prev获取前面的元素
$.ajax({
url: "systemManagerApi.aspx?method=QueryUserFilesByID",
type: 'post', async: false, dataType: 'json', data: { data: row.UserID },
success: function (text) {
var af = '';
for (var i = 0; i < text.length; i++) {
af += '<div id="imgs">';
af += "<a target='_blank' href='" + text[i].FilePath + "' style='font-size: 17px;line-height: 25px;text-decoration: none;'>" + text[i].FileName + "</a><a href='#' id='remove'>删除</a>";
af += '</div>';
}
$('#previewImg').html(af);
}
})
主要代码:
$(document).on('click', '#remove', function (event) {
alert($(this).prev('a').text())
})