Question

这是我的jquery，它已切换。当用户单击#title div时，如果有某个元素，则显示#description div。但是当用户点击#title div时，并且#description div中没有元素。我想显示一些消息，例如＆＃34;没有添加小工具。添加一些小工具。＆＃34;。这是我到目前为止所做的，但我无法得到结果。如何做到这一点。

 $(document).ready(function() {
    $('#title').click(function() {
            $('#description').slideToggle("fast");
            if( $('#description').is(':empty') ) {
                $('#description').html("No Gadget is added. Add some Gadget.");
            }
    });

Answer 1

您的#description div可能有＆＃34;空格＆＃34;即使它是空的。如果是这种情况，这将有效：

$(document).ready(function() {
    $('#title').click(function() {
        $('#description').slideToggle("fast");
        if(!$.trim( $('#description').html() ).length) {
            $('#description').text("No Gadget is added. Add some Gadget.");
        }
    });
});

更新：Here是一个带空格的演示。请注意，#description div在打开和关闭标记之间存在间隙。

<div id="description"> </div>

与

相反

<div id="description"></div>

在后者中，空是真的，但在前者中它将是错误的。

检查div是否为空

1 个答案: