jquery - 计算 contentEditable DIV 中的字符数

Question

我正在使用此插件来计算输入和文本区域上的字符:http://cssglobe.com/post/7161/jquery-plugin-simplest-twitterlike-dynamic-character-count-for-textareas

我还需要在“contentEditable”设置为 True 的情况下计算 DIV 中的字符数。

是否可以修改此插件？

我想我需要改变这一行中的一些内容:

            var count = $(obj).val().length;

但我真的不知道 contentEditable 是如何工作的......有什么想法吗？

谢谢!

编辑:

我按照 Brettz9 的建议这样做:

var method = $.inArray(obj.nodeName.toLowerCase(), ['textarea', 'input']) !== -1 ? 'val' : 'text';
var count = $(obj)[method]().length;

我在为其他字段执行此操作时遇到一个小问题，我需要有一个最小/最大长度(我有一个输入和一个内容可编辑)

这是条件部分:

                if (other_required){
                if ($(other_required).val().length > 0 && available >= 0){
                    $(submit_button).attr("disabled", "");
                } else {
                    $(submit_button).attr("disabled", "disabled");
                }

我不知道如何声明该[方法] var 并将其与“other_required”一起使用

Answer 1

val() 用于获取输入值，例如文本区域、文本框等。请尝试使用 text()。

编辑:

试试这个:

function count(obj) {
  var method = $.inArray(obj.nodeName.toLowerCase(), 
    ['textarea', 'input']) !== -1 ? 'val' : 'text';
  return $(obj)[method]().length;
}

你的代码将如下所示:

if (other_required){
if (count(other_required) > 0 && available >= 0){
    $(submit_button).attr("disabled", "");
} else {
    $(submit_button).attr("disabled", "disabled");
}