当<textarea>为空时清空<div> </textarea> </div>

Question

我试图清除div .textoverlay如果textarea #IVRSendSMSBodyTextArea为空，任何想法我做错了什么？

if(pageData.IVRSendSMSBodyTextAreaVal)
{
    $('#IVRSendSMSBodyTextArea').removeAttr('placeholder').val(pageData.IVRSendSMSBodyTextAreaVal);
}
else{
    $('.textoverlay').empty();
    $('#IVRSendSMSBodyTextArea').val('');
}

输出html：

<li class="IVRSendSMSBodyTextArea">
<label for="IVRSendSMSBodyTextArea">Body:</label>
<div class="textoverlay-wrapper">
<div class="textoverlay" >dada <span style="background-color:#DDFFD1">@iInstrinsic1</span> 
</div>
<textarea id="IVRSendSMSBodyTextArea" cols="54" rows="6"></textarea>
</div>
</li>

感谢

Answer 1

 $('#IVRSendSMSBodyTextArea').val()

会得到实际的textarea值，所以

    if ( $('#IVRSendSMSBodyTextArea').val() === '' ){
 $('.textoverlay').html(''); // or $('.textoverlay').empty depends what you want to do }

Answer 2

试试这个 -

$("#IVRSendSMSBodyTextArea").on('keyup',function(){
     $('.textoverlay').text(this.value);
   });

Answer 3

这似乎没问题。试试$（'。textoverlay'）。html（''）;同样。