Jquery text（）を使用してください。テキストエリア内の長さ

Question

この便利なテキストカウンターはcssクラスで見つかりました。

$(".quotecontent").filter(function() { 
return $(this).text().length < 40; 
}).parent().css('background', 'red'); 

http://jsfiddle.net/adeneo/kh8Hh/

コンテナがテキストエリアでarroundの、jqueryのコードはもう機能していません。何か案は？

を参照してください：あなたがテキストエリアの内容を調べる場合は、あなたがそこにはDOM要素が存在しないことがわかります

Answer 1

http://jsfiddle.net/e1j7xqsx/

ありがとう：

<textarea> 
    &lt;div class="quote"&gt; 
    &lt;div class="quotestart"&gt;&lt;/div&gt; 
    &lt;div class="quotecontent"&gt;&lt;p&gt;We have a new toy!&lt;/p&gt; 
    &lt;div class="author"&gt;- Fernando Alonso&lt;/div&gt;&lt;/div&gt; 
    &lt;div class="quoteend"&gt;&lt;/div&gt; 
    &lt;/div&gt; 

    &lt;div class="quote"&gt; 
    &lt;div class="quotestart"&gt;&lt;/div&gt; 
    &lt;div class="quotecontent"&gt;&lt;p&gt;Fight to fly, fly to fight, fight to win.&lt;/p&gt; 
    &lt;div class="author"&gt;- Motto of the U.S. Navy Fighter Weapons School, TOPGUN&lt;/div&gt;&lt;/div&gt; 
    &lt;div class="quoteend"&gt;&lt;/div&gt; 
    &lt;/div&gt; 
    </textarea> 

すべてテキストエリア内のコンテンツはテキストです。したがって、$(".quotecontent").lengthは0です。

一つの解決策は、エラーのコンテナとして動作する別のDOM要素を持っている、とあなたはそこにエラーが発生したのdivのを示すことができる可能性があり

： ``それが価値だとして扱うので、私の間の任意のコンテンツを

var errorWrapper = $('.error-wrapper'); 
errorWrapper.html($('textarea').text()); 

$(".quotecontent").filter(function() { 
    return $(this).text().length < 40; 
}).parent().css('background', 'red'); 

$(".quotecontent").filter(function() { 
    return $(this).text().length > 40; 
}).parent().remove();