jquery - 检查 div 是否为空问题

Question

我想检查 div 是否为空，如果我想向其中添加文本“空”。

我究竟做错了什么？谢谢！

js小提琴文件

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.

现场演示

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

if($.trim($(this).text()).length == 0)如果你想在 div 标签之间有空格，你可以使用

现场演示

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