jquery - CSS jQuery 冲突

Question

我有一个包含数据的表，并且行被归类为 .paginate，这些将使用 jquery 脚本进行分页。有两行代码弄乱了我的 CSS，所有 < td > 都出现在表格的第一列中，而不是均匀分布。这是 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');

Answer 1

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

CSS

.displayNone {
    display: none;
}

并根据需要删除课程

JS

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

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