jq实现购物车的删除功能

在购物车中往往有很多件商品,一般不会将所有商品都写上id去进行操作,而是采用this这个参数进行操作对应模块。

结果图如下所示:

 

主要代码:

html部分:

<div class="delete-div"><a class="a-delete" onclick="del(this)">删除1</a></div>

 

jq部分:(其中,若要删除更高层级的模块,则再在parent()后面添加parent())

<script>
function del(e){
     alert($(e).text());
    $(e).parent().remove();
}

</script>

posted @ 2018-09-19 11:30  肆灵  阅读(2355)  评论(0编辑  收藏  举报