jquery实现将商品添加进入购物车列表中

自己在学习中遇到的问题,自己总结的解决方法

实现这个功能,我们首先需要的是将需要的数值取出来,放入变量中

var name = $(".name").html();
 var img = "view1.jpg";
 var price = $(".price>span").html().substring(1);//这个是为了去除前面的¥

取出来后,我们要讲这些数值通过一个固定的格式存储去起来,比如我的就是在一个table插入tr.

 var txt1 ="<tr >"+
 "<td>"+name+"</td>"+
 "<td>" + "<input type='checkbox' checked='checked'/>"+"</td>" +
"<td>"+ '<img src="images/cart/' + img +'" align="left" />'+"</td>"+
"<td>"+
           "<input type='button' name='a_jian' value='-' class='btn' />"
            +"<input class='txt' type='text' name='txt_count' value='1' />"
            +"<input class='btn' name='a_jia' type='button' value=' +' />"
+"</td>"+
"<td>"+"&yen;" + price +"</td>"+
"<td>"+"<a href='#' name='a_remove' id='a_2'>" + "删除" + "</a>"+"</td>"
 +"</tr>"

在写的时候注意拼接的格式,如果报错,可能是在你拼接的时候,一些字符串没有拼接好,出现了问题,多检查检查

后面就是在你学的这一叠东西插入字符串中

因为在我的table中最后一个tr是确认购买商品这种,append这种直接插入的,会让我想插入的出现在确认购买的后面,所以这里实现在指定的id前面插入。

$("#num223").before(txt1);
  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值