数据添加div样式

html：如下

<input type="hidden"  th:value="${pageBean.page}" id="page">

<input type="hidden"  th:value="${pageBean.rows}" id="rows">
<div class="table-pagination">
    <ul class="pagination" id="ulid">
        <li th:class="${pageBean.page eq 1} ? 'disabled' : ''">
            <a id="upPage" th:if="${pageBean.page!=1}">上一页</a>
            <a th:if="${pageBean.page eq 1}" href="javascript:void(0);">上一页</a>
        </li>
        <li th:each="pageNo : ${#numbers.sequence(1, pageBean.totalPages)}" th:class="${pageBean.page eq pageNo}? 'active' : ''">
            <a th:if="${pageBean.page  eq pageNo}" href="javascript:void(0);">
                <span th:text="${pageNo}"></span>
            </a>
            <a id="pageNum" th:if="${not (pageBean.page  eq pageNo)}">
                <span th:text="${pageNo}"></span>
            </a>

        </li>
        <li th:class="${pageBean.page ge pageBean.totalPages} ? 'disabled' : ''">
            <a id="addPage" th:if="${pageBean.page != pageBean.totalPages}">下一页</a>
            <a th:if="${pageBean.page == pageBean.totalPages}" href="javascript:void(0);"> 下一页 </a>
        </li>
    </ul>

</div>

JS代码：

$("#ulid a").click(function(){
            var page = parseInt( $("#page").val());
            if($(this).is("#upPage")){
                page = page-1;
            }else if($(this).is("#addPage")){
                page = page+1;
            }else if($(this).is("#pageNum")){
             page = $(this).find('span').text();
            }else{
                return;
            }
            $('#feePage').load('ownerFee', {ownerId: $('#feePage').data('ownerId'),page:page,rows:$("#rows").val()});

        });

其中#feePage为另一个html中有样式的div的id。

知识点：

1、load方法的理解：哪个对象调用load，就将load返回的数据添加到哪个对象中。

2、js中span的取值

3、thymeleaf中value的取值？<input type="hidden"  th:value="${pageBean.rows}" id="rows">

这是我碰到的一个小问题的解决方案 ，仅供参考，我也是新手。