美元.查找方法检查为空

$.find method checking empty

本文关键字：检查 方法 查找 美元      更新时间：2023-09-26

我有一个分页<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

正如您所描述的，您可以检查#paginatDiv中.selectedPage的长度是否小于10并分别隐藏#paginatDiv:

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

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

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

检查长度是否小于10

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