没有链接时用javascript隐藏div

Question

我有一个关于modx cms的网站，我试图删除或隐藏div进入该div时没有标记。 我怎么能这样做？

我试过这个但没有运气：

jQuery(function($) {
if ($(".pages a")) {$(".pages").remove();}
});

< div class="pages">[+previous+] [+pages+] [+next+]< /div> 

Answer 1

如果您要检查div中是否存在<a>标记，那么您可以尝试：

if($(".pages a").length == 0) {
    // links don't exist
    $(".pages").remove();
} else {
    // links exist
}

Answer 2

另一个较短的答案是

$('.pages:not(:has(>a))').css("display", "none");

click to see...

reference jQuery.not()

Answer 3

我不确定这是不是你想要的：

$(function($) {
    $(".pages").each(function(){
        if(!$(this).find('a').length)
            $(this).remove();
    }); 
});

Answer 4

以这种方式隐藏它，以便在有链接时显示它们：

if ($(".pages a").length == 0) {
    $(".pages").hide();
}

当链接在那里，或者你进行AJAX调用时，请执行以下操作：

$(".pages").show();