Javascript 如何清除未使用.val（'；'；）的文本区域

$（“按钮”）。单击（函数（）{
（“”）之前的$（this）.parent（）
var content=document.createElement（“span”）；
content.innerHTML=$（“.textarea”）.val（）.replace（/（\n |\r |\r\n）/g，
）；
$（'.comment_user'）。追加（内容）；
});
$（文档）。在（“单击”，“按钮”，函数（）上）{
$（this）.closest（'.comment_panel'）.find（'.textarea'）.val（''）
});
$（'button'）.attr（'disabled'，true）；
$（'.textarea'）.keyup（函数（）{
if（$（this）.val（）.length！=0）
$（'button'）.attr（'disabled'，false）；
其他的
$（'button'）.attr（'disabled'，true）；
});
.comment\u面板
{
宽度：450px；
高度：100px；
}
文本区
{
宽度：300px；
高度：80px；
}
按钮
{
顶部：10px；
左：330px；
}
.评论框
{
宽度：450px；
高度：100px；
背景色：#999；
边框：1px实心#000；
}

添加注释
每次单击
add
按钮时，您都可以像第一次那样添加禁用的类

$(this).attr('disabled',true);

在按钮
onclick
功能中添加此行


$（“按钮”）。单击（函数（）{
（“”）之前的$（this）.parent（）
var content=document.createElement（“span”）；
content.innerHTML=$（“.textarea”）.val（）.replace（/（\n |\r |\r\n）/g，
）；
$（'.comment_user'）。追加（内容）；
});
$（文档）。在（“单击”，“按钮”，函数（）上）{
$（this）.closest（'.comment_panel'）.find（'.textarea'）.val（''）
$（this.attr（'disabled'，true）；
});
$（'button'）.attr（'disabled'，true）；
$（'.textarea'）.keyup（函数（）{
if（$（this.val（）.trim（）.length！=0）
$（'button'）.attr（'disabled'，false）；
其他的
$（'button'）.attr（'disabled'，true）；
});
.comment\u面板
{
宽度：450px；
高度：100px；
}
文本区
{
宽度：300px；
高度：80px；
}
按钮
{
顶部：10px；
左：330px；
}
.评论框
{
宽度：450px；
高度：100px；
背景色：#999；
边框：1px实心#000；
}

添加注释
是的，谢谢，这对我来说是前进了一步：）但如果我设置了两个或更多的空格，则按钮处于活动状态，并且我可以添加下一个空div，没有问题。很乐意提供帮助：）@V.R为了避免空格，您可以在检查文本区域值的长度之前对其使用
trim（）
，这样，按钮仅在有文本而没有空格时才会激活。我已经更新了我答案中的代码，请检查。噢，谢谢trim（）对我来说是新东西，谢谢：）