javascript - $.find 方法检查是否为空

Question

我有一个分页<div> .在那个对于选定的页面我给了selectedPage给它上课。我正在从服务器端创建分页 DOM。所有代码都是动态的。

现在我想找到选定的页码，为此我正在做如下

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

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

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

<div id="paginatDiv">这个<div>用于每页 10 条记录的分页。现在我的问题是，当我在表中的记录少于 10 条时，我不会显示这个
<div id="paginatDiv"> .

我知道我可以检查这个 div 是否存在，但我想知道我可以检查如下内容

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

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

会发生什么

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

会报错吗？

Answer 1

就像你描述的那样，你可以检查 #paginatDiv 中 .selectedPage 的长度是否小于 10 比 hide #paginatDiv分别为:

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

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

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