我有一个分页<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
比 hide #paginatDiv
分别为:
if($( "#paginatDiv" ).find( ".selectedPage" ).length < 10){
$('#paginatDiv').hide();
} else {
// exist
}
或者您可以将选择器缩短为:
if($("#paginatDiv .selectedPage").length < 10){
$('#paginatDiv').hide();
} else {
// exist
}
关于javascript - $.find 方法检查是否为空,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22374311/