javascript - 更新动态表格单元格跨度中的属性值 onclick

Question

如何让向上按钮更新属性值？当我将计数 fx 增加到 5，然后使用向下按钮将其减少到 2，然后再次增加它时，它不会从 attr 值的当前值增加到 2，而是从 5 继续增加。我只是不知道如何单击向下按钮后更新它。 DEMO

$(function() {
    var plus = $('.up');
    var minus = $('.down');
    $(plus).each(function(index, element) {
        var count= $(element).closest('tr').find('.times').attr('data-myval');
        $(element).click(function() {
            count++;
            $(element).closest('tr').find('.times').attr('data-myval', count);
            $(element).closest('tr').find('.times').text(count +' x');
        });
    });
    $(minus).each(function(index, element) {
        $(element).click(function() {
            var count= $(element).closest('tr')
             .find('.times').attr('data-    myval');
            count--;
            parseInt($(element).closest('tr')
            .find('.times').attr('data-myval',count))
            $(element).closest('tr').find('.times').text(count +' x');
            if (count<2) {  
                $(element).closest('tr').find('.times').text('');
            }
            if (count < 1) {
                $(this).parents('tr').remove();
            }
        });
    });
});

Answer 1

请在向上按钮的click事件中设置count:

$(function() {
var plus = $('.up');
var minus = $('.down');
$(plus).each(function(index, element) {
    $(element).click(function() {
        var count= $(element).closest('tr').find('.times').attr('data-myval');
        count++;
        $(element).closest('tr').find('.times').attr('data-myval', count);
        $(element).closest('tr').find('.times').text(count +' x');
    });
});
$(minus).each(function(index, element) {
    $(element).click(function() {
        var count= $(element).closest('tr')
         .find('.times').attr('data-    myval');
        count--;
        parseInt($(element).closest('tr')
        .find('.times').attr('data-myval',count))
        $(element).closest('tr').find('.times').text(count +' x');
        if (count<2) {  
            $(element).closest('tr').find('.times').text('');
        }
        if (count < 1) {
            $(this).parents('tr').remove();
        }
    });
});
});

希望对你有帮助:D