还是贴代码来的直接
<!DOCTYPE html>
<html>
<head>
<title>TextArea</title>
<meta charset="utf-8">
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.1.min.js"></script>
</head>
<body>
<div class="box">
<textarea class="text" maxlength="10"></textarea>
<span class="num">0</span>
<textarea class="text" maxlength="10"></textarea>
<span class="num">0</span>
<textarea class="text" maxlength="10"></textarea>
<span class="num">0</span>
</div>
<script type="text/javascript">
window.onload = function(){
$(".box textarea").each(function(e){
var that = $(this)
$(this).on('input propertychange',function(e){
that.next().html(e.target.value.length);
if(that.next().html() == 10){
that.next().css("color" , "red");
}else{
that.next().css("color" , "#999");
}
});
})
}
</script>
</body>
</html>