解决使用forEach时，修改里面的数据只能修改第一条数据

最新推荐文章于 2022-11-02 16:43:39 发布
最新推荐文章于 2022-11-02 16:43:39 发布
阅读量950 收藏
点赞数
文章标签： list 数据结构 java javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lengleng0107/article/details/121598384
版权

博主在写购物车项目时，在对购物车的物品数量加减时，需要同时对数据库进行修改，但是一直都是只能修改第一条物品的数量。后来终于解决，话不多说，先上代码

jsp的forEach部分：

<c:forEach items="${list }" var="cart" varStatus="status">
            <tr class="cartProductItemTR" oiid="${cart.goodsId}">
                <td>
                    <img src="image/cartNotSelected.png" class="cartProductItemIfSelected" oiid="${cart.goodsId}" selectit="false">
                    <a href="#nowhere" style="display:none"><img src="image/cartSelected.png"></a>
                    <img src="image/菠萝mate40pro.png" class="cartProductImg">

                </td>
                <td>
                    <div class="cartProductLinkOutDiv">
                        <a class="cartProductLink" href="#nowhere">${cart.goodsName}</a>
                        <div>
                            <img src="https://gw.alicdn.com/tfs/TB1XY8mheH2gK0jSZFEXXcqMpXa-63-16.png">
                        </div>
                    </div>
                </td>
                <td>
                    <span class="cartProductItemPromotionPrice">￥${cart.goodsPrice}0</span>
                </td>
                <td>
                    <div class="cartProductChangeNumberDiv">
                        <span pid="${cart.goodsId}" class="hidden orderItemStock ">${cart.goodsId}</span>
                        <span pid="${cart.goodsId}" class="hidden orderItemPromotePrice ">￥${cart.goodsPrice}0</span>
                        <a href="#nowhere" class="numberMinus" pid="${cart.goodsId}" id="${cart.goodsId}" >-</a>
                        <input value="${cart.goodsNumber}" autocomplete="off" class="orderItemNumberSetting" oiid="${cart.goodsId}" pid="${cart.goodsId}" id="${cart.goodsId}">
                        <a href="#nowhere" class="numberPlus" pid="${cart.goodsId}" stock="${cart.goodsId}" id="${cart.goodsId}">+</a>
                    </div>
                </td>
                <td>
                            <span pid="${cart.goodsId}" oiid="${cart.goodsId}" id="cartProductItemSmallSumPrice" class="cartProductItemSmallSumPrice">
                            ￥${cart.goodsPrice * cart.goodsNumber}
                            </span>
                </td>
                <td>
                    <a href="#nowhere" oiid="${cart.goodsId}" class="deleteOrderItem">删除</a>
                </td>
            </tr>
            </c:forEach>

未修改前的js部分：

<script>
    $(function (){
        //点击+增加数量
        $(".numberPlus").click(function(){
            var pid=$(this).attr("pid");
            var stock= $("span.orderItemStock[pid="+pid+"]").text();
            var price= $("span.orderItemPromotePrice[pid="+pid+"]").text();

            var num= $(".orderItemNumberSetting[pid="+pid+"]").val();
            ++num;
            $(".orderItemNumberSetting[pid="+pid+"]").val(num);
            price=convertNumber(price)*num;
            price=parseFloat(price).toFixed(2);
            $(".cartProductItemSmallSumPrice[pid="+pid+"]").html("￥"+price);
            $.ajax({
                type:"post",
                url:"updateCartNumber?goodsNumber="+num+"&&goodsId="+$("[name='goodsId']").val()+"&&userId="+$("[name='userId']").val(),
                dataType:"text",
                success:function (data) {
                    if(data==1){

                    }
                }
            })
            getPrice();
        });
        //键盘输入数量
        $(".orderItemNumberSetting").keyup(function(){
            var pid=$(this).attr("pid");
            var stock= $("span.orderItemStock[pid="+pid+"]").text();
            var price= $("span.orderItemPromotePrice[pid="+pid+"]").text();
            var num= $(".orderItemNumberSetting[pid="+pid+"]").val();
            num = parseInt(num);
            if(isNaN(num))
            {num= 1;
            }
            if(num<=0)
                num = 1;
            if(num>stock)
                num = stock;
            $(".orderItemNumberSetting[pid="+pid+"]").val(num);
            //改变金额
            price=convertNumber(price)*num;
            price=parseFloat(price).toFixed(2);
            $(".cartProductItemSmallSumPrice[pid="+pid+"]").html("￥"+price);
            $.ajax({
                type:"post",
                url:"updateCartNumber?goodsNumber="+num+"&&goodsId="+$("[name='goodsId']").val()+"&&userId="+$("[name='userId']").val(),
                dataType:"text",
                success:function (data) {
                    if(data==1){

                    }
                }
            })
            getPrice();
        });

        //点击-减少数量
        $(".numberMinus").click(function(){
            var pid=$(this).attr("pid");
            var stock= $("span.orderItemStock[pid="+pid+"]").text();
            var price= $("span.orderItemPromotePrice[pid="+pid+"]").text();
            var num= $(".orderItemNumberSetting[pid="+pid+"]").val();
            --num;
            if(num==0)num=1;
            $(".orderItemNumberSetting[pid="+pid+"]").val(num);
            price=convertNumber(price)*num;
            price=parseFloat(price).toFixed(2);
            $(".cartProductItemSmallSumPrice[pid="+pid+"]").html("￥"+price);
            $.ajax({
                type:"post",
                url:"updateCartNumber?goodsNumber="+num+"&&goodsId="+$("[name='goodsId']").val()+"&&userId="+$("[name='userId']").val(),
                dataType:"text",
                success:function (data) {
                    if(data==1){

                    }
                }
            })
            getPrice();
        });
    })
</script>

修改后：

<script>
    $(function (){
        //点击+增加数量
        $(".numberPlus").click(function(){
            var pid=$(this).attr("pid");
            var stock= $("span.orderItemStock[pid="+pid+"]").text();
            var price= $("span.orderItemPromotePrice[pid="+pid+"]").text();

            var num= $(".orderItemNumberSetting[pid="+pid+"]").val();
            ++num;
            $(".orderItemNumberSetting[pid="+pid+"]").val(num);
            price=convertNumber(price)*num;
            price=parseFloat(price).toFixed(2);
            $(".cartProductItemSmallSumPrice[pid="+pid+"]").html("￥"+price);
            var goodsId =$(this).attr("id");
            $.ajax({
                type:"post",
                url:"updateCartNumber?goodsNumber="+num+"&&goodsId="+goodsId+"&&userId="+$("[name='userId']").val(),
                dataType:"text",
                success:function (data) {
                    if(data==1){

                    }
                }
            })
            getPrice();
        });
        //键盘输入数量
        $(".orderItemNumberSetting").keyup(function(){
            var pid=$(this).attr("pid");
            var stock= $("span.orderItemStock[pid="+pid+"]").text();
            var price= $("span.orderItemPromotePrice[pid="+pid+"]").text();
            var num= $(".orderItemNumberSetting[pid="+pid+"]").val();
            num = parseInt(num);
            if(isNaN(num))
            {num= 1;
            }
            if(num<=0)
                num = 1;
            if(num>stock)
                num = stock;
            $(".orderItemNumberSetting[pid="+pid+"]").val(num);
            //改变金额
            price=convertNumber(price)*num;
            price=parseFloat(price).toFixed(2);
            $(".cartProductItemSmallSumPrice[pid="+pid+"]").html("￥"+price);
            var goodsId =$(this).attr("id");
            $.ajax({
                type:"post",
                url:"updateCartNumber?goodsNumber="+num+"&&goodsId="+goodsId+"&&userId="+$("[name='userId']").val(),
                dataType:"text",
                success:function (data) {
                    if(data==1){

                    }
                }
            })
            getPrice();
        });

        //点击-减少数量
        $(".numberMinus").click(function(){
            var pid=$(this).attr("pid");
            var stock= $("span.orderItemStock[pid="+pid+"]").text();
            var price= $("span.orderItemPromotePrice[pid="+pid+"]").text();
            var num= $(".orderItemNumberSetting[pid="+pid+"]").val();
            --num;
            if(num==0)num=1;
            $(".orderItemNumberSetting[pid="+pid+"]").val(num);
            price=convertNumber(price)*num;
            price=parseFloat(price).toFixed(2);
            $(".cartProductItemSmallSumPrice[pid="+pid+"]").html("￥"+price);
            var goodsId =$(this).attr("id");
            $.ajax({
                type:"post",
                url:"updateCartNumber?goodsNumber="+num+"&&goodsId="+goodsId+"&&userId="+$("[name='userId']").val(),
                dataType:"text",
                success:function (data) {
                    if(data==1){

                    }
                }
            })
            getPrice();
        });
    })
</script>

其实就是加了一句话的原因，就在$.ajax上方加上var goodsId =$(this).attr("id");当被点击时候，获取对应的id，而我的id就是我需要的值。如果有什么疑问可以私信我哈

lengleng0107
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
server的自增主键返回函数 sql_Mybatis 使用foreach向sql server插入数据，返回自增主键只有最后一条的问题和解决...
weixin_29369017的博客
01-12 199
MyBatis version3.5.5Database vendor and versionMS Sql Server 2008 R2，MS Sql Server 2019com.microsoft.sqlserver:mssql-jdbc:8.4.0.jre8com.microsoft.sqlserver:mssql-jdbc:7.4.1.jre8Test case or example pr...
数据库表里有多条数据 每次添加或修改 只能有一条为默认(字段IsDefault)
weixin_44984517的博客
09-21 1474
刚实习 记录下。 在添加的时候 这条为true 就查询出所有为true的修改为false 然后在给添加的值 if (model.IsDefault) { var where = PredicateBuilder.True<WxAccount>(); where = where.And(a => a.Delete...
forEach的使用 使用forEach循环改变原数组的值
青山不改，绿水长流。
09-11 3940
而Object对象的真正的数据是保存在堆内存，栈内只保存了对象的变量以及对应的堆的地址，所以操作Object其实就是直接操作了原数组对象本身。基本类型我们当次循环拿到的element，只是forEach给我们在另一个地方复制创建新元素，是和原数组这个元素没有联系的，所以不直接去改变element。好了本篇文章就到这里了，喜欢的话可以关注我，会持续更新的，有错误欢迎大家指出，大家可以在我这里互相讨论学习，一起进步。或者修改callbackFn的第三个参数，原理是一样的。青山不改 绿水长流 我们下篇文章见😋。
SQL:限制只允许操作一条数据
ImLaoCheng的博客
07-15 994
SQL:限制只允许操作一条数据
forEach直接改变原数组对象中的某一个属性
Zan_Z的博客
08-12 1064
var list=[ {name:"", jsond:"jetext:'aaaa'", id:""}, {name:"", jsond:"jetext:'aaaa'", id:""}, ] list.forEach(function(item,index){ item.jsond = JSON.parse(item.jsond);; }); //可直接改变list；
Java中遍历数组使用foreach循环还是for循环？
09-03
`foreach`循环会自动处理迭代过程，从集合或数组的第一个元素开始，依次遍历到末尾。 以下是一个使用`foreach`循环遍历`ArrayList`的例子： ```java import java.util.ArrayList; import java.util.List; public ...
C#数据结构、排序算法实现（内含使用实例）
08-16
// 修改第一个元素 ``` 2. 链表：链表由一系列节点组成，每个节点包含数据和指向下一个节点的引用。C#中可以使用`LinkedList<T>`类来实现链表，例如： ```csharp LinkedList<int> linkedList = new LinkedList();...
使用反射或Mono Cecil访问程序集元数据（第6部分）
04-08
Mono Cecil是Mono项目的一部分，是一个用于读取、修改和生成.NET元数据的库。相比于反射，Cecil更底层，能进行更复杂的元数据操作，且性能更好。以下是如何使用Cecil读取程序集元数据的例子： ```csharp using Mono...
jquery dataTable 获取某行数据
10-19
`row(rowSelector [，modifier])`方法的第一个参数`rowSelector`是一个选择器，可以是DOM元素、数据索引或包含选择条件的函数。这个选择器用于指定你要获取的行。 例如，如果你想要获取当前被点击的行，你可以监听`...
C#对DataTable里数据排序的方法
09-04
第二种方法是在创建一个新的DataTable副本，将"Age"列的数据类型更改为int。这保留了原始数据的完整性，并能正确地进行数值排序。 ```csharp DataTable dtNew = dt.Clone(); dtNew.Columns["Age"].DataType = ...
foreach遍历出来总是取第一个值或最后一个值？怎么取出想要的id对应值
小码的博客
09-23 2595
这个问题还是比较常见的 问题原因：没有合理的取到相对应的id或者没有使id成为唯一性 解决方法，举个例子 //建个表单 <form id="form1" method="post"> <table class="test" cellspacing="1" cellpadding="0" > <tr> <td style="width:20px;">序号</td> <td>菜名</td> &l
Set集合在for循环中调用只生效1次的问题
攻城狮Kevin
04-20 1164
如果Set集合声明在for循环代码之外，则Set集合的元素在for循环里，只会被调用一遍，调用完毕后，Set集合就释放掉了，测试代码如下： object test { def main(args: Array[String]): Unit = { val jsonstr = "{\"tag_value\":\"9.0\",\"pay_type\":\"a\"}" val j...
使用JSP完成表格数据的增删改查
qq_45547474的博客
05-21 7695
使用JSP完成表格数据的增删改查一、前言1、基础工作准备二、正文1、数据库中的操作2、增加3、删除4、修改5、查询三、总结 一、前言 1、基础工作准备 工具使用：SQLServer + eclipse jar包： 二、正文 步骤了解： 1、建库键表（SQLServer中建表一定要注意主外键和检查约束的使用） 2、数据输入 （记得数据输入的顺序跟表列名的对齐输入，以防数据缺失） 3、eclipse中连接数据库 （DBHelper记得导入jar包-sqljdbc4.jar） 4、实体类
Vue中this.$set的用法(解决数组、对象修改后不更新问题)
m0_67841039的博客
11-02 1962
vue中this.$set的用法
vue后台管理-编辑不了的问题，使用this.$set()
sika-master的博客
05-14 639
项目场景： 点击某一行的编辑的时候，获取到值，但是修改不了的问题 例如：在项目中有时间回显的问题。但是直接赋值之后，不能再次修改 原因分析： 打印出来时间的值，发现能编辑时间的地方和不能编辑时间的地方的值的格式不同，原因是：vue没有监听到数据，所以修改不了 解决方案： 提示：这里填写该问题的具体解决方案： 使用this.$set()去设置，就可以监听到，就能够修改新的值了 ...
Vue中Vue.set和this.$set的使用
qq_59076775的博客
01-12 2700
一.背景 vue初始化实例对象的时候会把属性转位setter/getter。这样数据才会是动态响应的(即data中的数据是动态响应的),vue才能监听到属性的添加，删除，修改(受ES5的限制)。 二.原理 (1)vue.set源码 import { set } from '../observer/index' ... Vue.set = set ... (2)this.$set源码 import { set } from '../observer/index' ... Vue.prototy
this.$set()强制更新视图数据
yueye_wu的博客
01-25 1110
this.$set()用法
关于react、vue的一些问题
weixin_45750771的博客
08-15 761
DVA整合reducer，initialState、action、saga app.model({ namespace: 'products', state: { list: [], loading: false, }, 在dom ready之后运行 subscriptions: [ function(dispatch) { dispatch({type: 'products/query'}); }, ], effects: {
stream分组排序后取每组第一条数据
最新发布
07-14
你可以使用流操作来实现分组排序并取每组的第一条数据。假设你有一个包含多个对象的列表，每个对象都有一个属性用于分组和排序。下面是一个示例代码，展示了如何使用Java 8的流操作来完成此任务： ```java import ...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值