$ .find方法检查为空

Question

我有一个分页<div>。在那个For selected页面中，我给了它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

就像您所描述的那样，您可以分别检查.selectedPage内#paginatDiv的长度是否小于10而不是隐藏#paginatDiv：

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

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

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

Answer 2

检查长度是否小于10

if ($("#paginatDiv .selectedPage").length > 9) {
    // fire as it is shown
} else {
    // don't fire
}