jquery - 从中删除元素上点击

Question

    <ul id="images">
        @foreach (var image in Model.Images)
        {
            <li id="@image.Id" style="list-style-type: none;">
                <img src="@image.Path?width=200"/><br/>
                <span id="remove"><i class="icon-minus"></i> <a href="#">Remove</a></span>
            </li>
        }
    </ul>

我有这段代码，它显示图片，我想要的是允许用户删除一些，如果用户想要的话。

我不知道如何攻击它。

首先，我如何找出点击了哪个 li 项目以及如何将其从列表中删除。

然后我需要向处理程序/控制器调用 Ajax 帖子以实际删除它。

有什么帮助吗？

Answer 1

$(function(){
    $('#images li').click(function(){
        var liId = this.id;
        $(this).remove();
        //call ajax here
    });
 });

如果 li 是动态添加的，则必须使用委托：

$(function(){
        $('#images').on('click','li',function(){
            $(this).remove();
            //call ajax here
        });
     });