Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jquery追加代码计数器问题_Javascript_Jquery - Fatal编程技术网

Javascript jquery追加代码计数器问题

Javascript jquery追加代码计数器问题,javascript,jquery,Javascript,Jquery,我需要以下代码的帮助: $("body").on("click", ".delrowcards", function() { var id = $(this).attr('data-id'); $('.newrowcards'+id).remove(); cards--; }); $('.addnewrowcards').click(function() { cards++; $("#tab4").append('<div

我需要以下代码的帮助:

$("body").on("click", ".delrowcards", function() {
        var id = $(this).attr('data-id');
        $('.newrowcards'+id).remove();
        cards--;
});

$('.addnewrowcards').click(function() {
    cards++;
    $("#tab4").append('<div class="newrowcards'+cards+'"><div align="right" class="delrowcards" data-id="'+cards+'"><button type="button" class="btn btn-warning mright mtop"><i class="fa fa-trash-o" aria-hidden="true"></i></button></div>\
    <div class="col-md-3">\
        <label>Card Number</label>\
        <input id="cardnumber_'+cards+'" name="cardnumber_'+cards+'" class="form-control" data-rule-integer="true" data-msg-integer="Provide card Number" placeholder="Card Number" data-rule-maxlength="16" data-msg-maxlength="Maximum length allowed is 16 characters" />\
    </div>\
    <div class="col-md-3">\
        <label>Card Expiry</label>\
        <input id="cardexp_'+cards+'" name="cardexp_'+cards+'" class="form-control" placeholder="MM/YYYY" />\
    </div>\
    <div class="col-md-3">\
        <label>CVV</label>\
        <input id="cardcvv_'+cards+'" name="cardcvv_'+cards+'" placeholder="123" class="form-control" data-rule-minlength="3" data-msg-minlength="Minimum Length of CVV is 3" data-rule-integer="true" data-msg-integer="Provide CVV in numbers" />\
    </div>\
    <div class="col-md-3">\
        <label>Card Type</label>\
        <select name="cards_'+cards+'" id="cards_'+cards+'" class="form-control">\
            <option value="" selected="selected" disabled="disabled">(Select One)...</option>\
            \
                <option value="1">American Express</option>\
            \
                <option value="2">Discover</option>\
            \
                <option value="3">Master Card</option>\
            \
                <option value="4">Visa</option>\
            \
        </select>\
    </div>\
    </div>')
});
代码运行良好,但卡++;线和卡-;线路工作不正常,把柜台弄乱了


如果您能提供任何帮助,我们将不胜感激。

也许您可以从实际定义顶部的卡片开始,比如说var cards=0,否则您将如何对其进行加减。您永远不会在任何地方定义卡片变量。检查您的浏览器控制台是否有任何错误?我有,但我在我的帖子中不知怎么漏掉了它,我在顶部添加了这个:var cards=1;也许你从实际定义顶部的卡片开始,比如说var cards=0,否则你将如何加和减。你从来没有在任何地方定义卡片变量。检查您的浏览器控制台是否有任何错误?我有,但我在我的帖子中不知怎么漏掉了它,我在顶部添加了这个:var cards=1;