CSS jQuery冲突[关闭]答案

【问题标题】：CSS jQuery conflict [closed]CSS jQuery冲突[关闭]
【发布时间】：2013-03-13 00:08:13
【问题描述】：

我有一个包含数据的表，并且行被归类为 .paginate，这些将使用 jquery 脚本进行分页。有两行代码弄乱了我的 CSS，所有都出现在表格的第一列而不是均匀分布。这是 jQuery 代码搞砸了。两条线都需要。

//hide all the elements inside content div
$('.paginate').css('display', 'none');

//and show the first n (show_per_page) elements
$('.paginate').slice(0, show_per_page).css('display', 'block');

【问题讨论】：

$('.paginate).slice 你希望用这个实现什么。我不认为这个词意味着你认为它的作用。
@Leeish：你为什么这么说？似乎完全按照上面的评论所期望的那样做。不过，这个问题让我感到困惑的是td 元素。
我想在没有完整上下文的情况下阅读它时我会感到困惑。
@Pierce：你的标记是什么样的？ paginate 类的元素是什么？为什么直接控制display样式而不是使用show和hide？
第一行是列名，所以他们需要保留，以下行是从一个带有 php 的数据库中取出并回显出来的。我添加了一个 .paginate 类，因此 jquery 脚本只会对返回的结果进行分页

标签： jquery css pagination jquery-pagination

【解决方案1】：

我建议创建一个这样的类：

CSS

.displayNone {
    display: none;
}

并根据需要删除类

$('.paginate').addClass('displayNone');

$('.paginate').slice(0, show_per_page).removeClass('displayNone');

【讨论】：

这很好，但无关紧要。
实际上这 100% 有效。谢谢@BahamutWC