javascript - $ .find方法检查为空

我有一个分页。在那一页中，我给了它<div>类。
我正在从服务器端创建分页DOM。所有代码都是动态的。
现在我要查找选定的页码，为此我将执行以下操作

$( "#paginatDiv" ).find( ".selectedPage" )

我想为这个元素触发onClick事件，所以我如下所示

 $( "#paginatDiv" ).find( ".selectedPage" ).click();

selectedPage此<div id="paginatDiv">用于每10页记录的分页。
现在我的问题是当表中的记录少于10条时，我不会显示这个
<div>。
我知道我可以检查这个div的存在与否，但我想知道我可以检查如下

if($( "#paginatDiv" ).find( ".selectedPage" ).length == 0){
  // not exist
}else{
  //  exist
}

我担心的是如果<div id="paginatDiv">不在HTML页面中，那么

$( "#paginatDiv" ).find( ".selectedPage" ).length

会出错吗？

最佳答案

正如您所描述的，您可以检查.selectedPage内部的#paginatDiv长度是否分别小于10和隐藏#paginatDiv：

if($( "#paginatDiv" ).find( ".selectedPage" ).length < 10){
    $('#paginatDiv').hide();
} else {
    //  exist
}

或者您可以将选择器缩短为：

if($("#paginatDiv .selectedPage").length < 10){
    $('#paginatDiv').hide();
} else {
    //  exist
}