1

次のように削除アイコンを追加するアイテムのリストがあります。

$.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 アイコンをクリックした場合にリスト項目の値を選択するにはどうすればよいですか?

4

1 に答える 1

1

リスト項目を動的に追加すると仮定しましょう。また、リスト項目の値<a>がタグに含まれるテキストであると仮定しましょう。もしそうなら、次のコードが仕事をするはずです。

$("#listReports").on("click", ".del", function() {
    var value = $(this).siblings("a").text();
});
于 2012-05-30T15:09:00.313 に答える