機能しているが最適ではないコードを、要素を反復処理する配列に置き換えたいと考えています。
これが私がやっていることです
$('.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>