javascript - 如何在 JavaScript 中动态更改 jQuery dataTable 页码？

Question

我有这段代码，它根据按钮单击从服务中获取数据。当我单击上一个或下一个按钮时，我想要什么，我想更改数据表底部的页码。

$('.paginate_button.previous', this.api().table().container())
                            .on('click', function(){
                               // alert("Doruk");
                                if(pageNumber > 1) {
                                    $.ajax({
                                        url: "http://192.168.1.171:8080/LogWS/rest/v1/logs/normalized-logs-paged?pageNumber=" + pageNumber-- + "&&pageCount=10",
                                        type: "post",
                                        dataType: "json",
                                        traditional: true,
                                        contentType: "application/json; charset=utf-8",
                                        processData: false,
                                        headers: {
                                            Authorization: "Bearer " + localStorage.getItem("globalAuthenticationKey")
                                        },
                                        data:
                                            JSON.stringify(hostAddresses)

                                        ,

                                        success: function (response) {

                                            var Table = document.getElementById("applicationviewTableID");
                                            Table.innerHTML = "";
                                            for (var i = 0; i < response.logData.length; i++) {
                                                var trHTML = '';
                                                // var trHTML2 = '';
                                                trHTML += '<tr><td>' + response.logData[i].ip + '</td><td>' + response.logData[i].application + '</td><td>' + "" + '</td>';
                                                $('#applicationviewTableID').append(trHTML);
                                                /*  trHTML2 += '<tr><td>' + response.logData[i].ip + '</td><td>' + response.logData[i].application + '</td><td>' + response.logData[i].operation + '</td><td>' + response.logData[i].entityType + '</td><td>' + response.logData[i].entity + '</td><td>' + response.logData[i].time + '</td>'
                                                  $('#DetailedApplicationsMalwareTableBodyID').append(trHTML2);*/
                                            }



                                            console.log( $('.paginate_button.active')[0]);


                                        },

下面的代码显示了我想要在控制台中更改的 html 代码段。

console.log( $('.paginate_button.active')[0]);

显示

<li class="paginate_button active"><a href="#" aria-controls="ApplicationVİEWTABLE" data-dt-idx="1" tabindex="0">1</a></li>

我想更改“a”标签内的“1”

我该怎么做

Answer 1

您还必须选择内部 a 标签。然后你可以得到这样的文本:

$('.paginate_button.active a').text();

或者像这样编辑:

$('.paginate_button.active a').text("2")