如何從span標簽上的click事件中獲取選定的列表項值？

Question

我有一個項目列表，上面附加了一個刪除圖標，例如：

$.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圖標，如何選擇列表項的值？

Answer 1

假設您動態添加列表項，並且還假設列表項值是<a>標記包含的文本。 如果是這樣，那么下面的代碼應該可以完成工作。

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