首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何在Jquery分页锚元素上添加额外的类?

如何在Jquery分页锚元素上添加额外的类?
EN

Stack Overflow用户
提问于 2018-07-11 11:17:42
回答 2查看 3.4K关注 0票数 0

我有下面的结构,我只想在每个锚元素上添加一个额外的类

代码语言:javascript
复制
<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>

谢谢你,卡莱姆

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2018-07-11 11:21:14

您可以轻松地在每个锚标记上添加一个类,如下所示:

代码语言:javascript
复制
$('.pagination a').addClass('myNewClassName');

这只会将它们添加到具有类pagination的父类中。

要做到这一点,可以使用可数据的方式:

代码语言:javascript
复制
$('#myDataTable').DataTable({
    ...
    "drawCallback": function () {
        $('.dataTables_paginate > .pagination a').addClass('myNewClassName');
    }
});

Modified from this SO answer

票数 3
EN

Stack Overflow用户

发布于 2018-07-11 11:24:09

试试看

代码语言:javascript
复制
$('#Mytable').DataTable({
addClassFunction(); // call this function in DataTable/pagination method
});

function addClassFunction(){
$('.pagination a').addClass('newClass');
}
代码语言:javascript
复制
<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>

票数 -1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/51284132

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档