javascript - 用数组替换重复的代码并遍历它

Question

我想用一个遍历我的元素的数组替换一些工作但不是最佳的代码。

这就是我正在做的

$('.count0').keyup(function(){
    $('.counted0').text(this.value.replace(/{.*}/g, '').length );
});
$('.count1').keyup(function(){
    $('.counted1').text(this.value.replace(/{.*}/g, '').length );
});
$('.count2').keyup(function(){
    $('.counted2').text(this.value.replace(/{.*}/g, '').length );
});
$('.count3').keyup(function(){
    $('.counted3').text(this.value.replace(/{.*}/g, '').length );
});

等等

我想要实现的是查找每个count类，从那里获取文本长度，然后将其放入div.counted

怎样才能做到这一点？

标记很简单，如下所示：

<div>
  <input class="count">
  <div class="counted"></div>
</div>

Answer 1

因此，如果标记如此简单，您可以尝试以下操作：

$(".count").on("keyup", function() {
    $(this).next(".counted").text(this.value.replace(/{.*}/g, "").length);
});

Answer 2

$('.count').on('keyup', function(e){
    $(this).next('.counted').text(this.value.replace(/{.*}/g, '').length );
});

小提琴