jQueryで文字数カウンタ（複数対応）
jQueryのプラグインを作成中です。
指定したテキストフォーム、テキストエリア内の文字数をカウントして、
指定場所に文字数を表示させるというものです。
下記のように記述し、
(function(jQuery) {
jQuery.fn.textCount = function(options) {
//キーボードが押された時にカウント
jQuery(this).live("change keyup",function(){
var count = jQuery(this).val().length;
var disp_area = jQuery(this).attr("id");
jQuery("."+disp_area).html(count+"文字");
});
return this;
};
})(jQuery);
jQuery(".counter").txtCount();
とHTML内で宣言しました。
<textarea id="sample">ここの文字数が</textarea>
<div class="sample">ここに表示</div>
と、ここまではうまくいきました。
が、テキストエリアの数が複数個あり、数が変動するため、IDを配列にしたいと思っています。
そこで、
<textarea id="sample[1]">個々の文字が</textarea>
<div class="sample[1]">ここに表示されない</div>
のように記述しました。
すると文字数が表示されなくなってしまいました。
classやidに配列指定はできないのでしょうか。
また、この場合はどのように宣言するのが正しいのでしょうか。
お礼
なるほどこうやって自作するというわけですか。 ありがとうございました。