jquery设置input的value值 jquery判断字符串是否为空( 五 )


last() 过滤最后一个元素
eq(index) 过滤到下标为 index 的元素
not() 除了什么之外的元素
is() 返回布尔 , 判断是不是这种元素
<button>测试</button><ul><li>盘古</li><li>蚩尤</li><li>刑天</li></ul>?<script src="https://www.520longzhigu.com/diannao/js/jquery-3.4.1.min.js"></script><script>$("button").click(function(){// 第一个 livar x = $("li").first().text();// 最后一个 livar x = $("li").last().text();// 下标为 1 的 livar x = $("li").eq(1).text();// 除了下标为 1 的其余所有 livar x = $("li").not("li:eq(1)").text();// 返回布尔型 , li 的父节点是不是 ulvar x = $("li").parent().is("ul");alert(x);});</script>案例手风琴特效<style>dd {/* 隐藏元素 */display: none;}</style><body><nav><header>网站</header><ul><li><dl><dt>求职</dt><dd>1.简历</dd><dd>2.面试</dd><dd>3.入职</dd></dl></li><li><dl><dt>教育</dt><dd>1.看视频</dd><dd>2.做作业</dd><dd>3.在线辅导</dd></dl></li><li><dl><dt>创业</dt><dd>1.帮助小企业</dd><dd>2.头脑风暴</dd><dd>3.赚钱啦</dd></dl></li></ul></nav><script src="https://www.520longzhigu.com/diannao/js/jquery-3.4.1.min.js"></script><script>$("nav dt").click(function(){// 所有的 dd 全部都闭合上 , 除了自己的兄弟$("dd").not($(this).siblings()).slideUp(500);// 自己的兄弟进行切换 , 显示闭合上 , 闭合的显示出来$(this).siblings().slideToggle(500);});</script></body>购物车结算<style>.minus,.plus{border:1px solid #999;/* 超链接 a 是行内元素 *//* 转换成行内块显示 , 才能改变宽和高 */display: inline-block;width: 20px;height: 20px;text-align: center;text-decoration: none;}</style><body><table border="1" cellspacing="0" width="400"><tr><td>商品编号</td><td>名称</td><td>单价</td><td>数量</td><td>总价</td></tr><tr><td>1</td><td>炸香肠</td><td>3</td><td><a href="https://www.520longzhigu.com/diannao/#" class="minus">-</a><span>1</span><a href="https://www.520longzhigu.com/diannao/#" class="plus">+</a></td><td>3</td></tr><tr><td>2</td><td>王八</td><td>10</td><td><a href="https://www.520longzhigu.com/diannao/#" class="minus">-</a><span>1</span><a href="https://www.520longzhigu.com/diannao/#" class="plus">+</a></td><td>10</td></tr><tr><td>3</td><td>恐龙</td><td>1000</td><td><a href="https://www.520longzhigu.com/diannao/#" class="minus">-</a><span>1</span><a href="https://www.520longzhigu.com/diannao/#" class="plus">+</a></td><td>1000</td></tr></table><p style="width: 400px; text-align: right;">总价:<b style="color:red;">111</b> <button>提交订单</button></p><script src="https://www.520longzhigu.com/diannao/js/jquery-3.4.1.min.js"></script><script src="https://www.520longzhigu.com/diannao/js/car.js"></script></body>car.js
$(".plus").click(function(){// 获得原来的商品数量var i = $(this).prev().text();i++;// 现在的商品数量$(this).prev().text(i);// 商品单价var price = $(this).parent().prev().text();// 商品总价var total = i*price;// 现在商品的总价$(this).parent().next().text(total);getTotal();});??$(".minus").click(function(){var i = $(this).next().text();i--;// 数量已经是 0 了 , 询问用户是否删除该商品if(i == 0){if( confirm("是否删除该商品?") ){$(this).parents("tr").remove();}}else{$(this).next().text(i);// 商品单价var price = $(this).parent().prev().text();// 商品总价var total = i*price;// 现在商品的总价$(this).parent().next().text(total);}getTotal();});?// 计算所有商品的总价// function getTotal(){//// 总价钱//var sum = 0;//var arr = $("tr:not(tr:first)").find("td:last");//for(var i = 0;i<arr.length ; i++){//sum += Number(arr[i].innerHTML) ;//}//$("b").text(sum);// }?function getTotal(){// 总价钱var sum = 0;$("tr:not(tr:first)").find("td:last").each(function(){sum += Number($(this).text());});$("b").text(sum);}


以上关于本文的内容,仅作参考!温馨提示:如遇健康、疾病相关的问题,请您及时就医或请专业人士给予相关指导!

「四川龙网」www.sichuanlong.com小编还为您精选了以下内容,希望对您有所帮助: