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

How do I get a selected list items value from a click event on a span tag?

本文关键字：获取 列表 事件 单击 span      更新时间：2023-09-26

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

$.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 Code：

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

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

假设您动态添加列表项，并且还假设列表项值是<a>标记包含的文本。如果是这样，则以下代码应完成这项工作。

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