如何计算多个文本区域中剩余的字符答案

【问题标题】：How to calculate characters remaining in multiple text area如何计算多个文本区域中剩余的字符
【发布时间】：2017-10-07 20:49:49
【问题描述】：

您好，我想使用 jquery 计算多个文本区域框中剩余的字符，它可以工作，但我想单独计算每个框，并且我知道重复结果的问题，因为我使用了相同的 div 类，对不起，我是新人有什么好的方法可以解决这个问题而不使用不同的类和重复脚本 4 次？因为这不合逻辑？

$(function() {
$('textarea').keyup(function() {
 var maxLength = $(this).attr('maxlength'),
     textLength =  $(this).val().length,
     remText    = ( maxLength - textLength );
     $('.text').html(remText + ' characters remaining')

});

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<textarea  maxlength="20"></textarea> 
<div class='text'></div>

<textarea  maxlength="20"></textarea> 
<div class='text'></div>

<textarea  maxlength="20"></textarea> 
<div class='text'></div>

<textarea  maxlength="20"></textarea> 
<div class='text'></div>

【问题讨论】：

标签： jquery input character textarea

【解决方案1】：

使用next()之类的遍历方法隔离实例。

$(function() {
  $('textarea').keyup(function() {
    var maxLength = $(this).attr('maxlength'),
      textLength = $(this).val().length,
      remText = (maxLength - textLength);
    $(this).next('.text').html(remText + ' characters remaining');
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<textarea maxlength="20"></textarea>
<div class='text'></div>

<textarea maxlength="20"></textarea>
<div class='text'></div>

<textarea maxlength="20"></textarea>
<div class='text'></div>

<textarea maxlength="20"></textarea>
<div class='text'></div>

【讨论】：

节省了我的时间，谢谢，请提出另一个问题，我在搜索时找到了一个答案，它可以通过数据值来完成。，？什么是数据值？以及它是如何解决问题的？谢谢
其他解决方案的链接在哪里？