Javascript 多个textareas/TextBox中每一个的Jquery字符计数

我试图计算页面上每个文本区域的字符数。我决定使用下面的代码（，但是我很难让它正常工作

 $(function(){
 $('textarea').on('keyup', function(){
  var wordsLength = $(this).val().length;
  $(this).next().find('').html(wordsLength);
  });
 });

下面是我的html和css。我不能直接编辑css或html，只能使用jquery脚本。我不确定我缺少什么。如果有任何帮助，将不胜感激：

表格{
显示：表格；
边界塌陷：分离；
框大小：边框框；
边界间距：2px；
边框颜色：灰色；
}
输入[类型=密码]，
输入[类型=文本]，
输入[类型=文件]，
输入：非（[类型]），
选择，
文本区，
.sp peoplepicker顶层，
.sp peoplepicker TopLevel已禁用，
.sp peoplepicker自动填充容器，
女士输入框{
边框：1px实心#b9b9；
背景色：#ffffff；
背景色：rgba（255、255、255、0.90）；
颜色：#4444；
}
文本区{
-webkit写作模式：水平tb！重要；
文本呈现：自动；
颜色：-内部浅色-深色（黑色、白色）；
字母间距：正常；
字距：正常；
文本转换：无；
文本缩进：0px；
文本阴影：无；
显示：内联块；
文本对齐：开始；
-webkit外观：textarea；
背景色：-内部浅暗色（rgb（255，255，255），rgb（59，59，59））；
-webkit rtl排序：逻辑；
弯曲方向：立柱；
调整大小：自动；
光标：文本；
空白：预包装；
溢出包装：断开单词；
边距：0em；
字体：40013.3333px Arial；
边框宽度：1px；
边框样式：实心；
边框颜色：-内部明暗颜色（rgb（118118118），rgb（195195195195195））；
边界图像：初始；
填充：2px；
}

P​我不能说话/pp这是一个很大的改进/ppbr ；/p
​我不会吐

这是一个伟大的进步

主要问题是，您已将事件处理程序附加到

文本区域

，但要键入的可见元素是可编辑的

div

。因此，您需要更正选择器。由于此元素是

div

，您需要使用

text（）

或

html（）

读取它的内容，而不是

val（）

。使用

input

事件也更有意义

其次，您需要修复选择器，该选择器以显示字符计数的元素为目标

$（函数（）{
$（'div[contentediate=“true”]”）。在（'input'，function（）上{
var wordsLength=$（this）.text（）.length；
$（this.sibbines（'.count'）.html（wordsLength）；
}).触发器（“输入”）；
})；

表格{
显示：表格；
边界塌陷：分离；
框大小：边框框；
边界间距：2px；
边框颜色：灰色；
}
输入[类型=密码]，
输入[类型=文本]，
输入[类型=文件]，
输入：非（[类型]），
选择，
文本区，
.sp peoplepicker顶层，
.sp peoplepicker TopLevel已禁用，
.sp peoplepicker自动填充容器，
女士输入框{
边框：1px实心#b9b9；
背景色：#ffffff；
背景色：rgba（255、255、255、0.90）；
颜色：#4444；
}
文本区{
-webkit写作模式：水平tb！重要；
文本呈现：自动；
颜色：-内部浅色-深色（黑色、白色）；
字母间距：正常；
字距：正常；
文本转换：无；
文本缩进：0px；
文本阴影：无；
显示：内联块；
文本对齐：开始；
-webkit外观：textarea；
背景色：-内部浅暗色（rgb（255，255，255），rgb（59，59，59））；
-webkit rtl排序：逻辑；
弯曲方向：立柱；
调整大小：自动；
光标：文本；
空白：预包装；
溢出包装：断开单词；
边距：0em；
字体：40013.3333px Arial；
边框宽度：1px；
边框样式：实心；
边框颜色：-内部明暗颜色（rgb（118118118），rgb（195195195195195））；
边界图像：初始；
填充：2px；
}

P​我说不出/pp这是一个很大的改进/ppbr ；/p
​我不会吐

这是一个伟大的进步

如何使用Jquery添加？

$（''）.appendTo（'.yourParentElement'）；