Jquery中,$(“#d_price“).html();获取不到值,

就是一个购物车功能,我想实现按加减按钮的时候,后面得小计能跟着变化!
在这里插入图片描述

<c:forEach var="buy" items="${buy_untreated.buy}">
                <div class="col-sm-12  list-group-item">
                    <div class="col-sm-1 line-center" style="width: 50px;height: 50px;">
                        <img src="${buy.product_image}" style="height: 100%;" alt=""/>
                    </div>
                    <div id="g_name" class="col-sm-3 line-center">${buy.goods_name}</div>
                    <div id="d_price" class="col-sm-1 line-center">${buy.price}</div>
                    <div class="col-sm-4 line-center">
                        <button type="button" class="btn btn-default change-btn" state="reduce-button">
                            <span class="glyphicon glyphicon-minus" aria-hidden="true"></span>
                        </button>
                        <input type="number" class="small stock" value="${buy.stock}"  name="stock"/>

                        <button type="button" class="btn btn-default change-btn" state="add-btn">
                            <span class="glyphicon glyphicon-plus" aria-hidden="true"></span>
                        </button>
                    </div>
                    <div id="cat_all_price" class="col-sm-2 line-center">${buy.all_price}</div>
                    <div class="col-sm-1 line-center"><button class="btn btn-danger del-btn" data ="${buy_untreated.id}-${buy.buy_id}">删除</button></div>
                </div>
            </c:forEach>
$("button.change-btn").click(function () {
    var select = $(this).attr("state");
    var stock = $(this).siblings("input");
    **var price = $(this).parent().prev().html();**
    **var all_price = $(this).parent().next().html();**
    **//var price = $("#d_price").html();
    //var all_price = $("#cat_all_price").html();**

    if(select === "reduce-button"){
        stock.val(parseInt(stock.val())-1);
        $(this).parent().next().html(new Number(all_price)-new Number(price));
        // alert(all_price);
        //alert(price);

        layer.msg('删除成功');
    }else{
        stock.val(parseInt(stock.val())+1);
        $(this).parent().next().html(new Number(all_price)+new Number(price));
        layer.msg('添加成功');
    }
    stock.trigger("propertychange");
});

一个很奇怪的问题我用var price = $("#d_price").html();拿不到值,alert(price);出来是这样的。
在这里插入图片描述
换成var price = $(this).parent().prev().html();就可以了!功能完美实现,就是搞不懂为啥前一个不行,希望有大佬能指出来,谢谢了!(本人纯菜鸟一枚,希望没搞出笑话!!!)
在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
这段代码是一个 jQuery 代码,它定义了一个名为 getRow 的函数,并在文档加载完成后为 class 为 edit 和 class 为 delete 的元素添加了点击事件处理函数。当点击 class 为 edit 的元素时,它会弹出一个 id 为 edit 的模态框,并调用 getRow 函数获取该元素的 data-id 属性,并根据该发起一个 Ajax 请求,将从服务器响应获取的数据填充到模态框的各个元素。当点击 class 为 delete 的元素时,它会弹出一个 id 为 delete 的模态框,并调用 getRow 函数获取该元素的 data-id 属性,并根据该发起一个 Ajax 请求,将从服务器响应获取的数据填充到模态框的各个元素。 具体地,当点击 class 为 edit 或 class 为 delete 的元素时,阻止默认事件的发生(即不会跳转到 href 属性指定的链接),弹出对应的模态框,并获取该元素的 data-id 属性,传入 getRow 函数。在 getRow 函数,发起一个 POST 请求到 'attendance_row.php' 页面,并传入一个名为 id 的参数,其为传入该函数的 id 参数。请求成功后,将从服务器响应获取的数据填充到模态框的各个元素。 总体来说,这段代码的作用是为 class 为 edit 和 class 为 delete 的元素添加点击事件处理函数,当点击时弹出对应的模态框,并根据传入的 id 参数从服务器获取数据并填充到模态框的各个元素

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值