javascript - 没有链接时用javascript隐藏div

Question

我有一个进入 modx cms 的网站，当该 div 中没有标签时，我试图删除或隐藏一个 div。我怎样才能做到这一点？

我试过这个但没有运气：

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

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

Answer 1

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

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

Answer 2

另一个较短的答案是

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

点击查看...

参考 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();