增加徽章计数

Question

jQuery.fn.add = function() {

    var Bnumber = $(this).find(".B_Add");

    if (Bnumber) {
        Bcount = parseInt(Bnumber.html()) + 1;
        $(this).find("div.B_Add").remove();
        $(this).parent().find(".B_List").append('<div class="Badge B_Add">'+ Bcount +'</div>');

    } else {
        $(this).find(".B_List").append('<div class="Badge B_Add">1</div>');
    }
}

我正在运行一个上下文菜单脚本，当我单击其中一个选项时，它会调用此函数。它应该查看活动元素是否具有此徽章。如果是，则会增加徽章的整数值。否则，它会从 1 开始创建徽章。后者很容易，前者更难。

我认为我混淆了元素类型，并且我不确定如何使用 parseInt...

编辑

弄清楚了。

jQuery.fn.add = function() {
    if ($(this).find(".Badge").hasClass(".B_add")) {
        bCount = parseInt($(this).find(".B_add").text());
        $(this).find(".B_add").remove();
        $(".OPT .B_list").append('<div class="Badge B_add">'+(bCount+1)+'</div>');
    } else {
        $(".OPT .B_list").append('<div class="Badge B_add">0</div>');
    }
}

Answer 1

试试这个。

jQuery.fn.add = function() {

    var Bnumber = $(".B_Add");

    if (Bnumber) {
        var Bcount = parseInt(Bnumber.html()) + 1;
        Bnumber.html(Bcount);
    } else {
        $(this).find(".B_List").append('<div class="Badge B_Add">1</div>');
    }
}

Answer 2

尝试

Bcount = parseInt(Bnumber.text()) + 1;

Answer 3

这是我的看法：

jQuery.fn.add = function() {
    var badge = $('.B_Add', this);

    if (badge.length) {
        badge.html(Number(badge.html()) + 1);
    } else {
        $('.B_List', this).append('<div class="Badge B_Add">1</div>');
    }
}

1. 对我来说，使用 $('.B_Add', this) 格式表示其他内容中的内容始终是最干净的语法。
2. 您必须检查 badge.length 来查看是否找到了某个项目 - 即使 jQuery 选择器没有匹配任何项目，它的计算结果仍然为 true
3. 无需重新创建B_Add 元素，更改其内容应该完成同样的事情。
4. 我一生中从未使用过parseInt。 Number 似乎做了同样的事情，而且看起来更好。