javascript - 在图像上添加数字

Question

我遇到了一个问题，从我的 CSS 文件中添加文本。我尝试了关键字内容，但这似乎无济于事。

所以我想做的是，当用户点击我想添加数字的图像时(以增量顺序)。例如。单击 1 应该显示 1(在白框旁边)，然后单击 2 等。

我添加了一个名为counter 的变量并将其初始化为0。因此，当用户单击时，计数器 将增加 1。但是，我认为仅属性 content 就足够了，因为我想为文本赋予颜色而不是白色(这是框的颜色)。

jsfiddle as follows :

上面的代码是我要编辑的。但是，我创建了另一个 JSfiddle 来做一个示例。 Here is the code for it .

Answer 1

只需将数字放在 div 中:

$(document).ready(function(){ 
    var count = 0;

    $(document).click(function (ev) {        
        $("body").append(            
            $('<div>' + ++count + '</div>').css({
                position: 'absolute',
                top: ev.pageY + 'px',
                left: ev.pageX + 'px',
                width: '40px',
                height: '40px',
                background: '#fff'
            })              
        );               
    });
});