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 );
});

fiddle

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

2 个答案: