javascript - 如果未定义/为空或为空，则删除或隐藏 div

Question

我有一个脚本可以根据 url 显示信息并保存此信息：moskah.nl

问题是，如果您在不提供 url 的情况下单击按钮，那么脚本将提供一个空的 div。只需重新加载页面，您就会看到它仍然存在。

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

Answer 1

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

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

Answer 2

假设您的 div 具有类名“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();

    });

Answer 3

我希望这有帮助。

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

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

您还可以使用长度属性：

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

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

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

请让我知道这是否有效。实施并让我知道。

已编辑

利用

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

我在 Firefox 中尝试过。有效。

Answer 4

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

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

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