Javascript 如何排除<;TR>;使用jQuery的表?
我用jQuery开发了一个分页表,一切都很好 但我有一个问题,我的表包含一些TR,我不需要计算它们 我在桌子上用ID jQuery代码Javascript 如何排除<;TR>;使用jQuery的表?,javascript,jquery,html,pagination,html-table,Javascript,Jquery,Html,Pagination,Html Table,我用jQuery开发了一个分页表,一切都很好 但我有一个问题,我的表包含一些TR,我不需要计算它们 我在桌子上用ID jQuery代码 $.fn.pageMe=函数(选项){ var$this=这个, 默认值={ 每页:7, 下一步:错, hidePageNumbers:错误 }, 设置=$.extend(默认值、选项); var listlement=$this; var perPage=settings.perPage; var children=liselement.children()
$.fn.pageMe=函数(选项){
var$this=这个,
默认值={
每页:7,
下一步:错,
hidePageNumbers:错误
},
设置=$.extend(默认值、选项);
var listlement=$this;
var perPage=settings.perPage;
var children=liselement.children();
变量pager=$('.pager');
if(typeof settings.childSelector!=“未定义”){
children=liselement.find(settings.childSelector);
}
if(typeof settings.pagerSelector!=“未定义”){
寻呼机=$(settings.pagerSelector);
}
var numItems=children.size();
var numPages=Math.ceil(numItems/每页);
寻呼机数据(“当前”,0);
如果(设置。showPrevNext){
$(“”)。附录(寻呼机);
}
var curr=0;
//在li start中添加了类和id
while(numPages>curr&&(settings.hidePageNumbers==false)){
$('li id=“pg'+(curr+1)+'”class=“pg”>)。附录(寻呼机);
curr++;
}
//在li end中添加了类和id
如果(设置。showPrevNext){
$(“”)。附录(寻呼机);
}
pager.find('.page_link:first').addClass('active');
pager.find('.prev_link').hide();
如果(第3页){
$('.pg').hide();
$('#pg1,#pg2,#pg3')。show();
$(“#pg3”)。在($(“”).html(“…”)之后;
}
pager.find('li.page_link')。单击(函数(){
var clickedPage=$(this.html().valueOf()-1;
转到(单击页面,每页);
返回false;
});
pager.find('li.prev_link')。单击(函数(){
先前的();
返回false;
});
pager.find('li.next_link')。单击(函数(){
next();
返回false;
});
函数previous(){
var goToPage=parseInt(pager.data(“curr”))-1;
后藤(后藤);
}
函数next(){
goToPage=parseInt(寻呼机数据(“curr”))+1;
后藤(后藤);
}
功能转到(第页){
var startAt=每页*页,
endOn=startAt+每页;
//从这里开始添加几行
$('.pg').hide();
$(“.ell”).remove();
var prevpg=$(“#pg”+页面).show();
var currpg=$(“#pg”+(第+1页)).show();
var nextpg=$(“#pg”+(第+2页)).show();
如果(prevpg.length==0)nextpg=$(“#pg”+(第+3页)).show();
if(prevpg.length==1&&nextpg.length==0){
prevpg=$(“#pg”+(第1页)).show();
}
如果(当前>3){
如果(第1页)prevpg.before($(“ ”).html(“…”));
如果(第”).html(“…”));
}
currpg.addClass(“活动”).sides().removeClass(“活动”);
//增加了几行直到这里结束
css('display','none').slice(startAt,endOn.show();
如果(第>=1页){
pager.find('.prev_link').show();
}否则{
pager.find('.prev_link').hide();
}
如果(第<(numPages-1页)){
pager.find('.next_link').show();
}否则{
pager.find('.next_link').hide();
}
寻呼机数据(“当前”,第页);
}
};
$(文档).ready(函数(){
$(“#myTable”).pageMe({
寻呼机选择器:“#我的寻呼机”,
下一步:是的,
hidePageNumbers:错,
每页:2
});
});代码>假设这是您的表:
<table id='myPager'>
<tbody>
<tr><td>row 1</td></td>
<tr><td>row 2</td></td>
</tbody>
</table>
然后,将一个类添加到要排除的行中,我将在此处使用“排除”,但您可能希望将其添加为一个选项:
<table id='myPager'>
<tbody>
<tr><td>row 1</td></td>
<tr><td class='excluded'>row 2</td></td>
</tbody>
</table>
更新:根据问题中的其他详细信息:
改变
var children = listElement.children();
到
假设这是您的桌子:
<table id='myPager'>
<tbody>
<tr><td>row 1</td></td>
<tr><td>row 2</td></td>
</tbody>
</table>
然后,将一个类添加到要排除的行中,我将在此处使用“排除”,但您可能希望将其添加为一个选项:
<table id='myPager'>
<tbody>
<tr><td>row 1</td></td>
<tr><td class='excluded'>row 2</td></td>
</tbody>
</table>
更新:根据问题中的其他详细信息:
改变
var children = listElement.children();
到
为什么需要排除TR?TR在车身内吗?你能把它们删除吗?@epascarello是的,是在tbody中,我开发了一个表格,如果你点击一个按钮提供其他信息(这是我需要排除的TR)@freedomn-m ID#myPager
在UL(分页)中,如果你需要什么,我可以添加代码。例如,我为需要排除的TR提供了这样一个类excl
,下一步是什么?为什么需要排除TR?TR在车身内吗?你能把它们删除吗?@epascarello是的,是在tbody中,我开发了一个表格,如果你点击一个按钮提供其他信息(这是我需要排除的TR)@freedomn-m ID#myPager
在UL(分页)中,如果你需要什么,我可以添加代码例如我给了一个像这样的类excl
,对于我需要排除它的TRs,下一步是什么?我如何将它添加到我的jquery代码中(在帖子中)?我给我的TR一个类,但是我不知道我需要在我的jQuery代码中添加什么?你还没有提供.pageMe
-这是在哪里定义的?在帖子中没有什么可以添加到你的jQuery代码,因为帖子中的jQuery代码不进行分页,它通过一个插件调用来设置它。pageMe是你通过断言自己编写的“我开发了一个分页表”。更新了答案。不确定这一行pager.children().eq(1).addClass(“active”);
,因为它不使用children
var,并在隐藏/显示它们之前将第一行设置为active,这似乎不正确。但所有其他行(我注意到)正确使用变量。如何将其添加到jquery代码中(在文章中)?我把这个类给了我的TR,但我不知道我需要在我的jQuery代码中添加什么?你还没有提供.pageMe
-这是在哪里定义的?在帖子中没有什么可以添加到你的jQuery代码,因为帖子中的jQuery代码不进行分页,它通过一个插件调用来设置它。pageMe’你暗示你没有写过通过断言“我开发了一个分页表”来证明你自己。更新了答案。对此我不确定