在点击时附加越来越多的数字

Question

我正在尝试在点击时向元素添加越来越多的数字。我似乎无法使其发挥作用。

我的代码：

$('#on').click(function() {
    $("b").click(function(e) {
        var numCount = ($("[span class='num'>").length + 1);
        var element = $("<span class='num'>" + numCount + "'>" + numCount + "</span>");
        $(this).append(element);
    });
});

我认为这是我的代码中的一个简单的语法错误，但我在这里学习所以我可能完全错了。这个课程也很重要。

Here's a Fiddle

Answer 1

更改

var numCount = ($("[span class='num'>").length + 1);

到

var numCount = ($(".num").length + 1);

您需要找到.num元素，而不是创建新元素。

此外，您的element行也不会创建有效的HTML。请尝试以下方法：

var element = $("<span class='num'>" + numCount + "</span>");