我正在开发类似计数字符的推特,并且还将其字符限制为仅 160,当文本长度大于 160 时,我想将addClass()添加到倒数第 161 个字符,因此倒数第 161 个字符将文本装饰作为line-through . 基本上我可以使用substring()得到长度文本。但是如何将类添加到该子字符串文本是我的代码:
$(document).ready(function(){
$("#tweet").attr("disabled","disabled");
$("#area").keyup(function(){
var chars=$(this).val().length;
$("#message").text(160-chars);
if(chars > 160 || chars <=0){
$("#tweet").attr("disabled","disabled");
$("#message").addClass("minus");
$(this).css("text-decoration","line-through"); //i want this in 161st-last character not on all text
}else{
$("#tweet").removeAttr("disabled");
$("#message").removeClass("minus");
$(this).css("text-decoration","");
}
});
});
html
<div id="box">
<p>(Maximum Allowed Characters : 160)</p>
<p><textarea id="area" rows="10" cols="40"></textarea></p>
<span id="message"> 160 </span> Characters Remaining
<input type="button" id="tweet" value="Tweet"/>
</div>
这是我的 jsfiddle http://jsfiddle.net/ZM9WD/4/
ps:对不起我的英语:-)