如何清楚textarea不使用.val（''）

Question

$('button').click(function(){
    $(this).parent().before('<div class="comment_box_all"><div class="comment_user"></div></div>')
    var content = document.createElement("span");
   content.innerHTML=$(".textarea").val().replace(/(\n|\r|\r\n)/g, '<br>');
    $('.comment_user').append(content);
});
$(document).on("click", "button", function() {
	$(this).closest('.comment_panel').find('.textarea').val('')
});
 $('button').attr('disabled',true);
   $('.textarea').keyup(function(){
      if($(this).val().length !=0)
          $('button').attr('disabled', false);            
       else
          $('button').attr('disabled',true);
 });

.comment_panel
{
  width:450px;
  height:100px;
}
textarea
{
  width:300px;
  height:80px;
  }
button
{
  
  top:10px;
  left:330px;
 }
.comment_box_all
{
  width:450px;
  height:100px;
  background-color:#999;
  border:1px solid #000;
  }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="comment_panel">
    <textarea class="textarea" placeholder="Add text..."></textarea>
    <button>Add comment</button>  
</div>

你可以帮我看看如何在单击按钮后不使用.val（''）清除textarea，因为看起来，我想在textarea为空时禁用按钮，但这只发生在第一次添加文本时，如果我接下来添加文本textarea中的时间是''并且按钮处于活动状态

Answer 1

您可以在每次点击add按钮时添加禁用的课程，这是您第一次这样做。

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

在按钮onclick功能中添加此行。

＆＃13;

＆＃13;

$('button').click(function(){
    $(this).parent().before('<div class="comment_box_all"><div class="comment_user"></div></div>')
    var content = document.createElement("span");
   content.innerHTML=$(".textarea").val().replace(/(\n|\r|\r\n)/g, '<br>');
    $('.comment_user').append(content);
});
$(document).on("click", "button", function() {
	$(this).closest('.comment_panel').find('.textarea').val('')
    $(this).attr('disabled',true);
});
 $('button').attr('disabled',true);
   $('.textarea').keyup(function(){
      if($(this).val().trim().length !=0)
          $('button').attr('disabled', false);            
       else
          $('button').attr('disabled',true);
 });

＆＃13;

.comment_panel
{
  width:450px;
  height:100px;
}
textarea
{
  width:300px;
  height:80px;
  }
button
{
  
  top:10px;
  left:330px;
 }
.comment_box_all
{
  width:450px;
  height:100px;
  background-color:#999;
  border:1px solid #000;
  }

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="comment_panel">
    <textarea class="textarea" placeholder="Add text..."></textarea>
    <button>Add comment</button>  
</div>

＆＃13;

＆＃13;

＆＃13;