javascript - 输入标签的自动增量宽度

Question

我正在尝试编写一个计数器。

这是我的 JsFiddle

$('.substract-value').click(function(){
    val = $('#how-many').val();
    if (val == 1) 
        { }
    else
        $('#how-many').val(val-1);
});
$('.add-value').click(function(){
    val = $('#how-many').val();
    $('#how-many').val(parseInt(val)+1);
});

我希望输入标签的大小在输入标签内的内容变为 2 位或 3 位时自动递增。

只有css才有可能吗

Answer 1

我认为在这种情况下最好的解决方案是不使用 input 标签，而是将其替换为 span 标签。 span 是一个内联元素，宽度会根据其内容自动增加。

当我移动到 span 时，jquery 将会改变。而不是 val() 我们应该使用 text()

演示 fiddle http://jsfiddle.net/ssxx8/11/