如何在 Jquery Datatable 分页锚元素上添加额外的类?
Posted
技术标签:
【中文标题】如何在 Jquery Datatable 分页锚元素上添加额外的类?【英文标题】:How add extra class on Jquery Datatable pagination anchor element? 【发布时间】:2018-12-19 09:58:01 【问题描述】:我有以下结构,我只想在每个锚元素上添加一个额外的类
<ul class="pagination">
<li class="paginate_button page-item previous disabled" aria-controls="users" tabindex="0" id="users_previous">
<a href="#">Prev</a>
</li>
<li class="paginate_button page-item active" aria-controls="users" tabindex="0">
<a href="#">1</a>
</li>
<li class="paginate_button page-item next disabled" aria-controls="users" tabindex="0" id="users_next">
<a href="#">Next</a>
</li>
</ul>
谢谢, 卡莱姆
【问题讨论】:
$('a').addClass('myNewClassName')
会为你做到这一点
渲染分页时是不是有任何回调或者其他方式添加?
dataTables assigning a css class to the pagination wrapper 的可能副本 - 你可以调整它来做你想做的事
【参考方案1】:
您可以像这样轻松地在每个锚标记上添加一个类:
$('.pagination a').addClass('myNewClassName');
这只会在类pagination
的父级中添加它们
使用数据表的方式:
$('#myDataTable').DataTable(
...
"drawCallback": function ()
$('.dataTables_paginate > .pagination a').addClass('myNewClassName');
);
Modified from this SO answer
【讨论】:
【参考方案2】:试试看
$('#Mytable').DataTable(
addClassFunction(); // call this function in DataTable/pagination method
);
function addClassFunction()
$('.pagination a').addClass('newClass');
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul class="pagination">
<li class="paginate_button page-item previous disabled" aria-controls="users" tabindex="0" id="users_previous">
<a href="#">Prev</a>
</li>
<li class="paginate_button page-item active" aria-controls="users" tabindex="0">
<a href="#">1</a>
</li>
<li class="paginate_button page-item next disabled" aria-controls="users" tabindex="0" id="users_next">
<a href="#">Next</a>
</li>
</ul>
【讨论】:
以上是关于如何在 Jquery Datatable 分页锚元素上添加额外的类?的主要内容,如果未能解决你的问题,请参考以下文章