• 点击添加商品删除商品


    //点击插入
    $('.Insert').each(function(){ $(this).click(function(){ var s = $(this).text(); var a = s.substring(0,s.length-1); //减掉右侧的加号 $(".SelectOkList").append("<div class='Subtract' onclick='Subtract(this)'>" + a + "<span class='num'>0</span><span>-</span></div>"); }) });
    //点击删除
    function
    Subtract(node){ $(node).remove(); }
    //商品重复 + 1


    <div class="Insert" data-id="Y1">心悦<span>+</span></div>
    <div class="Insert" data-id="Y2">煊赫门<span>+</span></div>
    <div class="Insert" data-id="Y3">利群<span>+</span></div>
    <div class="Insert" data-id="Y4">南京<span>+</span></div>
    <div class="Insert" data-id="Y5">雨花石<span>+</span></div>
    <div class="Insert" data-id="Y6">荷花<span>+</span></div>
    <div class="Insert" data-id="Y7">小熊猫<span>+</span></div>
    <div class="Insert" data-id="Y8">金陵十二衩<span>+</span></div>
    <div class="Insert" data-id="Y9">黄鹤楼<span>+</span></div>
    <div class="Insert" data-id="Y10">云烟<span>+</span></div>




    $(".Insert").click(function(){ var a = $(this).data("id"); var n = $(this).text(); var Tit = n.substring(0,n.length-1); if($(".right" + a).length != 0){ $(".right"+ a + " .num").text(parseInt($(".right"+ a + " .num").text()) + 1); }else{ $(".SelectOkList").append("<div class='Subtract right"+ a + "' onclick='Subtract(this)'>" + a + "<span class='num right"+ Tit + "'>0</span><span>-</span></div>"); } });
  • 相关阅读:
    贰、js的基础(二)类型转换
    贰、js的基础(一)
    ajax的异步请求小结
    壹、js的概述
    sass的用法小结(四)进阶篇
    sass的用法小结(三)
    sass的用法小结(二)
    sass的用法小结(一)
    H5页面在线制作工具搜集
    H5教程:移动页面性能优化
  • 原文地址:https://www.cnblogs.com/yyy251/p/10876183.html
Copyright © 2020-2023  润新知