使用jQuery刪除位於textarea頂部的標籤

Question

我目前有一個label，它絕對位於textarea內。

我試圖讓下面的工作：

一旦我點擊textarea，有label消失。一旦我在textarea之外點擊，請檢查是否有我添加的任何內容。如果沒有，請將label退回。如果是的話，就放棄它。

jsFiddle is here。

我試過$('html').click()，但它似乎干擾textarea點擊。

Answer 1

您想要對焦和模糊工作演示：http://jsfiddle.net/tDHwZ/10/

$('#comment').focus(function() { 
      $(this).prev().hide() 
     }); 
$('#comment').blur(function() { 
      if($(this).val()=='') 
      $(this).prev().show() 
     }); 

Answer 2

對於這種情況，通過與.blur更換。點擊（）事件（）你要達到預期的結果。

您可以檢查波紋管鏈接：

http://jsfiddle.net/tDHwZ/27/

$（文件）。就緒（函數（）{

$('#comment').blur(function() { 

     if($('#comment').val()!= "") { 
      $('label[for=comment]').addClass('hidden');  
     } else { 
      $('label[for=comment]').removeClass('hidden');     
     } 



     if($('label[for=comment]').hasClass('hidden')) { 
      $('label[for=comment]').hide(); 

     } else { 
      $('label[for=comment]').show(); 
     } 
    }); 

}); 

Answer 3

如果你使用HTML5，那麼肯定是佔位符屬性來處理這個問題。或者，如果不是HTML5，那麼這可能有助於http://trevordavis.net/blog/jquery-inline-form-labels