Jquery 从<；ul>；on<；李>；点击 @foreach（Model.Images中的var图像） { }

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

我不知道如何攻击它

首先，我怎样才能知道单击了哪个li项目，以及怎样才能将其从列表中删除

然后我需要调用一个处理程序/控制器的Ajax post来实际删除它

有什么帮助吗

    <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，则必须使用委派：

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

---

如何获取

li

id？所以我可以调用ajax？只需使用this.id在click回调函数中获取li idscope@Joel不需要使用jquery来获取elem id，this.id可以工作并且更合适（不在jquery对象中包装DOM对象）

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