美文网首页
通过eq(i)精确定位遍历的元素中的某个元素的值

通过eq(i)精确定位遍历的元素中的某个元素的值

作者: 小牛长成记 | 来源:发表于2018-12-27 21:17 被阅读0次

("[name='hobby']").eq(i).siblings(".mid-je").children("span").text();("[name='hobby']"):定位遍历的元素
$("[name='hobby']").eq(i):精确定位到所有元素中的某一个

$(function () {
        //点击全选框,选中所有购物车商品
        var  a = 1;
        $("[name= 'all']").click(function () {
            a++;
            //获取选中的订单项金额
            var money = parseInt($("[name='hobby']").siblings(".mid-je").children("span").text());
            //获取当前总计中的金额
            var sum = parseInt($(".jshj-p2").children("span").text());
            if(a % 2 ==0){
                $("[name='hobby']").attr("checked",true);
                $("[name='all']").attr("checked",true);
                var b = document.getElementsByName("hobby");
                var total = 0 ;
                for(var i = 0 ; i < b.length ; i++){
                    total = total +  parseInt($("[name='hobby']").eq(i).siblings(".mid-je").children("span").text());
                    console.log(total);
                }
                $(".jshj-p2").children("span").text(total);
            }else{
                $("[name='hobby']").attr("checked",false);
                $("[name='all']").attr("checked",false);
                $(".jshj-p2").children("span").text(0);
            }
        });
    });
 <c:forEach items="${sessionScope.cart.cartItem}" var="cartI">
        <div class="cart-con-info">
            <div class="info-top">
            </div>
            <div class="info-mid">
                <input type="checkbox" value="" name="hobby" class="mid-ipt f-l"></input>
                <div class="mid-tu f-l">
                    <a href="#"><img src="${pageContext.request.contextPath}/images/dai1.gif" /></a>
                </div>
                <div class="mid-font f-l">
                    <a href="#">登高阁紫菜肉松鸡蛋卷 海苔蛋卷 糕点<br />江西特产小吃 休闲办公零食</a>
                    <span>满赠</span>
                </div>
                <div class="mid-guige f-l">
                    <p>颜色:蓝色</p>
                    <p>尺码:XL</p>
                    <a href="JavaScript:;" class="xg" xg="xg1">修改</a>
                    <div class="guige-xiugai" xg-g="xg1">
                        <div class="xg-left f-l">
                            <dl>
                                <dt>颜  色</dt>
                                <dd>
                                    <a href="JavaScript:;" class="current">黑色</a>
                                    <a href="JavaScript:;">白色</a>
                                </dd>
                                <div style="clear:both;"></div>
                            </dl>
                            <dl>
                                <dt>尺  码</dt>
                                <dd>
                                    <a href="JavaScript:;" class="current">M</a>
                                    <a href="JavaScript:;">L</a>
                                    <a href="JavaScript:;">XL</a>
                                </dd>
                                <div style="clear:both;"></div>
                            </dl>
                            <a href="JavaScript:;" class="qd">确定</a>
                            <a href="JavaScript:;" class="qx" qx="xg1">取消</a>
                        </div>
                        <div class="xg-right f-l">
                            <a href="#"><img src="${pageContext.request.contextPath}/images/dai2.gif" /></a>
                        </div>
                        <div style="clear:both;"></div>
                    </div>
                </div>
                <div class="mid-sl f-l">
                    <a href="JavaScript:;" class="sl-left" id="${cartI.productExt.pid}" name="reduce">-</a>
                    <input type="number" name="num" id="${cartI.productExt.pid}" value="${cartI.count}" />
                    <a href="JavaScript:;" class="sl-right" id="${cartI.productExt.pid}" name="plus">+</a>
                </div>
                <p class="mid-dj f-l">¥ <span>${cartI.price}</span></p>
                <p class="mid-je f-l">¥ <span>${cartI.sum}</span></p>
                <div class="mid-chaozuo f-l">
                    <a href="#">移入收藏夹</a>
                    <a href="#">删除</a>
                </div>
                <div style="clear:both;"></div>
            </div>
        </div>
    </c:forEach>

    <div class="cart-con-footer">
        <div class="quanxuan f-l">
            <input type="checkbox" value="" name="all"></input>
            <span>全选</span>
            <a href="#">删除</a>
            <a href="#">加入收藏夹</a>
            <p>(此处始终在屏幕下方)</p>
        </div>
        <div class="jiesuan f-r">
            <div class="jshj f-l">
                <p>合计(不含运费)</p>
                <p class="jshj-p2">
                    ¥:<span>0</span>.00
                </p>
            </div>
            <a href="JavaScript:;" class="js-a1 f-l">结算</a>
            <div style="clear:both;"></div>
        </div>
        <div style="clear:both;"></div>
    </div>

相关文章

  • 通过eq(i)精确定位遍历的元素中的某个元素的值

    ("[name='hobby']"):定位遍历的元素$("[name='hobby']").eq(i):精确定位到...

  • jQuery属性和方法

    1.序列与迭代 eq()方法: eq()是用来精确选择某个序列中的某个元素,如下: 现在我们想选择...

  • Java--数组的遍历、for-each循环

      数组元素下标的合法区间:[0, length-1]。我们可以通过下标来遍历数组中的元素,遍历时可以读取元素的值...

  • 定位09-11

    定位 通过position属性来设置元素的定位-可选值: 相对定位: 绝对定位: 固定定位: eg: 元素的层级 ...

  • position定位

    值描述 absolute生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 ...

  • css postion属性探索

    值描述absolute生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 "...

  • jQuery 遍历|同胞(siblings)

    同胞拥有相同的父元素。 通过 jQuery,您能够在 DOM 树中遍历元素的同胞元素。 在 DOM 树中水平遍历 ...

  • jQuery - 遍历(四)之 过滤

    jQuery 遍历,用于根据所要查找的元素相对于其他元素的关系来查找到该元素。 eq(index) 代码: 效果演...

  • golang判断slice中是否存在某个item

    之前在项目中需要判断某个slice中是否包含某个元素,当时自己的做法是遍历slice中的每个元素,直到找到了该元素...

  • CSS之定位和opacity使用

    定位:将指定的元素放在指定的位置,通过定位可以任意的排放元素,定位分为:相对定位,绝对定位,固定定位 和默认的值 ...

网友评论

      本文标题:通过eq(i)精确定位遍历的元素中的某个元素的值

      本文链接:https://www.haomeiwen.com/subject/weodlqtx.html