如果未定义/ null或为空,则删除或隐藏div

时间:2012-09-23 10:47:36

标签: javascript jquery

我有一个脚本,可以根据网址显示信息并保存这些信息:moskah.nl

问题是,如果你点击按钮而没有给出url,那么脚本将给出一个空div。只需重新加载页面,您就会看到它仍然存在。

我可以在Jquery中做什么来删除或隐藏文档准备好的这些emty div?

4 个答案:

答案 0 :(得分:0)

您可以尝试$("div:empty").remove();$("div:empty").hide();

由于没有提供代码,我不确定这是否是你想要的。

答案 1 :(得分:0)

假设你的div有classname“item”,那么你循环遍历每个div并检查哪一个是空的并隐藏它们。

  $(document).ready(function() {
    $('#feed').children('div').each(function() {
        if(($(this).attr('data-url')=='undefined'))
        $(this).hide();
    });
     //for first div only special check:-
      if(($('.item.first').attr('data-url')=='undefined'))
        $('.item.first').hide();

    });

答案 2 :(得分:0)

我希望这会有所帮助。

加载div后可以使用.is()函数。

if( $('#leftmenu').is(':empty') ) {
    // REMOVE

您还可以使用length属性:

if( $('#leftmenu:empty').length ) {
    // REMOVE

或者你可以修剪然后检查。

if( !$.trim( $('#leftmenu').html() ).length ) {
    // REMOVE

如果有效,请告诉我。实施并告诉我。

  

EDITED

USE

$(document).ready(function() { $('div:empty').remove(); }); 

我在Firefox中尝试过。它奏效了。

答案 3 :(得分:0)

为什么不做一些数据验证来阻止表单提交空数据而不是隐藏它?像这样的东西

$('#id_submit').attr('disabled', 'disabled');

$('#id_submit').click(function(event){
    if ($('#id_status').val().length > 0) {
        $('#id_submit').removeAttr('disabled');
    }
    else
    {
    event.PreventDefault()
    }
});