html商城加减号,商城购物车的加减号控制商品数量

今天coding的时候，写购物车，遇到了一个小小的麻烦，开始时候我是这样写的加减号那里的

(只写主要代码,样式不写了)

-1+

当写jQuery的时候就出现了问题，

// 减少的代码

$('.decs').click(function() {

var num = $(this).parent('li').text();

num = parseInt(num);

// 因为获得的num不只有数字，还有前边的“-”号

num = 0 - num;

if(num > 1){

$(this).parent('li').html('-'+ (num - 1)

+ '+');

}

else {

alert('亲，不能再少了！');

}

});

(增加的类似，就不写了)

当测试的时候，发现只可以执行一次，怎么都弄不明白为啥。后来改了一种写法：

-1+

$('.decs').click(function() {

var num = $(this).next('span').text();

num = parseInt(num);

if(num > 1){

$(this).next('span').text(num - 1);

}

else {

alert('亲，不能再少了！');

}

});

这样写代码又简洁还可以实现功能！

这让我发现，HTML的结构很重要，如果结构写的好，可以省好多事。同时，也给了我另一个思路，就是在当前情况无法解决问题的时候，可以试着从别的地方找突破点！

大家一起努力学习呀！

html商城加减号,商城购物车的加减号控制商品数量相关推荐

仿淘宝购物车demo 增加和减少商品数量
分享一下我老师大神的人工智能教程!零基础,通俗易懂!http://blog.csdn.net/jiangjunshow 也欢迎大家转载本篇文章.分享知识,造福人民,实现我们中华民族伟大复兴! 在上一篇 ...
商城购物车的加减号控制商品数量
今天coding的时候,写购物车,遇到了一个小小的麻烦,开始时候我是这样写的加减号那里的 (只写主要代码,样式不写了) <li><span class="decs" ...
购物车已有的总额进行商品数量增减及上限兑换
html <div class="sumAndMin"> <ul> <li><span>-&l ...
仿淘宝购物车demo---增加和减少商品数量
在上一篇博客中,小编简单的介绍了如何使用listview来实现购物车,但是仅仅是简单的实现了列表的功能,随之而来一个新的问题,买商品的时候,我们可能不止想买一件商品,想买多个,或许有因为某种原因点错了 ...
Unity简单商城系统,用SQLite数据库保存/加载数据
Unity简单商城系统案例流程最后效果展示 1. 创建项目并导入SQLite需要的dll文件 2. 创建数据库表(玩家表和商店表) 3. Singleton 单例脚本 4. 封装SQLite数据库 ...
乐优商城（13）--购物车
乐优商城(13)–购物车一.搭建购物车服务 1.1.创建module 1.2.pom依赖 <?xml version="1.0" encoding="UTF-8& ...
前端JS 购物车的加减数量、计算总价
前端页面用JS技术对购物车页面添加功能前端页面 <!DOCTYPE html> <html> <head lang="en"><meta ...
web电商、商城pc端、商城、购物车、订单、线上支付、web商城、pc商城、登录注册、人工客服、收货地址、现金券、优惠券、礼品卡、团购订单、评价晒单、消息通知、电子产品商城、手机商城、电脑商城
web电商.商城pc端.商城.购物车.订单.线上支付.web商城.pc商城.登录注册.人工客服.收货地址.现金券.优惠券.礼品卡.团购订单.评价晒单.消息通知.电子产品商城.手机商城.电脑商城 Axu ...
购物车列表加载商品信息及商品增减功能(Ajax+jQuery)
1.功能介绍在商品列表页面,用户将想购买的商品及想购买的数量添加进本页面的购物车列表,并计算商品价格. 2.实现思路加载商品信息 & 修改购物车列表中的数量服务器端: 如果用户未添加过某 ...

html商城加减号,商城购物车的加减号控制商品数量

html商城加减号,商城购物车的加减号控制商品数量相关推荐

最新文章

热门文章