使用类的jQuery字符计数器?

使用类的jQuery字符计数器?,jquery,Jquery,我有一个相当长的带有textareas字段的表单,我想使用类选择器而不是ID来标识每个字段的字段和限制。现在,我有一个工作: $(document).ready(function(){ $("#TextAreaID").counter({ goal: 500 }); }); 这适用于一个textarea,但由于我有几个textarea,我想知道一个更好的方法,因为这不起作用: $(document).ready(function(){ $(".limit

我有一个相当长的带有textareas字段的表单,我想使用类选择器而不是ID来标识每个字段的字段和限制。现在,我有一个工作:

$(document).ready(function(){
    $("#TextAreaID").counter({
        goal: 500
    });
});
这适用于一个textarea,但由于我有几个textarea,我想知道一个更好的方法,因为这不起作用:

$(document).ready(function(){
    $(".limit500").counter({
        goal: 500
    });
});

我正在使用这个jQuery插件:

循环遍历元素并对每个元素应用
.counter

$(document).ready(function(){
    $(".limit500").each(function() {
        $(this).counter({
            goal: 500
        });
    });
});

您应该能够对每个元素应用
计数器()
(完全未测试)——


这很有效+如果你能用简单的英语向我解释一下每个函数都在做什么。我已经查看了jquery文档,但他们没有为我清理它。
each
函数迭代选择器匹配的每个项,调用指定的回调。在回调
中,这个
被设置为当前项的DOM对象。我刚刚在.each循环中添加了console.log(这个),并查看了所评估的内容。那太酷了!谢谢对不起,我刚想到另一个问题。我看到我的DOM对象是
,如果我说使用数据内容,那么DOM对象实际上是
,我可以从数据内容中取出1000并将其用作字符计数器限制吗?这样,我就不必为每个限制设置单独的类,“如何”可能超出了这个问题的范围,所以我将打开另一个问题。再次感谢您确认这是可能的。我问了一个后续问题,可以在这里查看:
$(document).ready(function() {
    $('.limit500').each(function() {
        $(this).counter({
            goal: 500
        });
    });
});