我有一个项目列表,我附加了一个删除图标,如下所示:
$.each(data.files, function() {
$('#listReports').append('<li><a href="#">'+ this + '</a><span class="del" style="float:right;"><i class="icon-remove"></i></span></li>');
});
CSS文件:
li span.del {
display: none;
}
li:hover span.del {
display: inline-block;
}
JQuery代码:
$('li').hover(
function() {
$(this).find('span.del').show();
},
function() {
$(this).find('span.del').hide();
}
);
如果用户点击del图标,我该如何选择列表项?
答案 0 :(得分:1)
假设您动态添加列表项,并且还假设列表项值是<a>
标记包含的文本。如果是这样,那么以下代码应该完成这项工作。
$("#listReports").on("click", ".del", function() {
var value = $(this).siblings("a").text();
});