从<li>上删除元素<li>单击</li> </ul>

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>

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

我不确定如何攻击它。

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

然后我需要向处理程序/控制器调用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
        });
     });