Javascript 如何从span标记上的单击事件中获取选定列表项值？

我有一个附加了删除图标的项目列表，如下所示：

$.each(data.files, function() {
    $('#listReports').append('<li><a href="#">'+ this + '</a><span class="del" style="float:right;"><i class="icon-remove"></i></span></li>');
});

JQuery代码：

$('li').hover(
    function() {
        $(this).find('span.del').show();
    },
    function() {
        $(this).find('span.del').hide();
    }
);

---

如果用户单击del图标，如何选择列表项值？

假设您动态添加列表项，并且假设列表项值是

标记包含的文本。如果是这样的话，那么下面的代码应该可以完成这项工作

$("#listReports").on("click", ".del", function() {
    var value = $(this).siblings("a").text();
});

---

让我们假设您动态添加列表项，并且还假设列表项值是

标记包含的文本。如果是这样的话，那么下面的代码应该可以完成这项工作

$("#listReports").on("click", ".del", function() {
    var value = $(this).siblings("a").text();
});

---

你所说的选择是什么意思？您的意思是应用蓝色背景吗？选择是什么意思？你的意思是应用蓝色背景吗？这就成功了，我错过了兄弟姐妹部分。谢谢这就成功了，我错过了兄弟姐妹的部分。谢谢