檢查是否div是空的問題

Question

我想檢查div是否爲空，如果是這樣我想給它添加文本'空'。

我在做什麼錯了？謝謝！

js Fiddle File

HTML

<div class="staff-row"> 
    <img alt="" src="foo.jpg" /> 
    <h2>Lorem Ipsum! FOOO!</h2> 
    <p>Lorem Ipsum</p> 
    </div> 
    <!-- eo : staff-row --> 

jQuery的

$('.staff-row').mouseenter(function() { 
    if ($('.staff-row').is(':empty')) { 
     $('.staff-row').text('empty'); 
    } else { 
     $('.staff-row').text('full'); 
    } 
});​ 

Answer 1

您需要使用$(this)代替$('.staff-row')，也make sure there is not space between div opening and closing tag.

Live Demo

$('.staff-row').mouseenter(function() { 
    if ($(this).is(':empty')) { 
     $(this).text('empty'); 
    } else { 
     $(this).text('full'); 
    } 
});​ 

您可以使用if($.trim($(this).text()).length == 0)，如果你想擁有

div標籤之間的空間Live Demo

$('.staff-row').mouseenter(function() { 
    if($.trim($(this).text()).length == 0){ 
     $(this).text('empty'); 
    } else { 
     $(this).text('full'); 
    } 
});​