javascript - 如何更改我的 ajax 渲染属性的 anchor 标记中的 glyphicon?

原文 标签 javascript jquery ajax

看看 ajax : "target 0": "render": "anchor tag"

我最初使用的是“glyphicon glyphicon-chevron-right”。
我想在点击时将其更改为“glyphicon glyphicon-chevron-down”。

    $(document).ready(function () {
    $("#PageNo").text(currentPage);
    tblErrorLog = $('#tblErrorLog').DataTable(
     {
         serverSide: true,
         ajax: {
             url: '@Url.Content("~/ErrorLogs/ErrorLogDataSaurce")',
             data: ErrorLogParameter,
             dataSrc: ErrorLogGridDataBound,
             type: "POST"
         },
         select: true,
         paging: false,
         searching: false,
         info: false,
         columnDefs: [
             {
                 targets: 0,
                 render: function (data, type, full, meta) {
                     return '<a id=' + full.ID + ' onclick="return ViewErrorDetails(' + full.ID + ')"><i class="glyphicon glyphicon-chevron-right"></i></a>'
                 }
             },
             {
                 targets: 1,
                 data: "Message",
                 orderable: true
             },
             {
                 targets: 2,
                 data: "Source",
                 orderable: true
             },
         ],

     });
});

最佳答案

你的 anchor 应该是这样的。

<a class="glyphicon glyphicon-chevron-right" id=' + full.ID + ' onclick="return ViewErrorDetails(' + full.ID + ', this)"></a>

并在函数 ViewErrorDetails() 中添加此类代码。
function ViewErrorDetails(id, itm)
{
  $(itm).removeClass('glyphicon-chevron-right');
  $(itm).addClass('glyphicon-chevron-left');
}

关于javascript - 如何更改我的 ajax 渲染属性的 anchor 标记中的 glyphicon?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41074414/

相关文章:

javascript - 防止在一个HTML中滚动位置更改

jquery - 响应式灯箱库不在屏幕中央

javascript - 单选按钮组 - 按钮的更改事件被取消选择?

jquery - jQuery解析HTML字符串并对其进行一些操作

jquery - 如何通过变换选择元素:旋转?

jquery - 如何在 Ajax.BeginForm 和 OnSuccess 之间获取事件?

javascript - reqParam = $ .getQueryParameters();此请求以ajax形式做什么

javascript - 用于检索 postgres 数据的 AJAX 函数不起作用

java - 如何在 GWT RichTextArea 中设置光标位置

javascript - 警报在 Chrome 扩展中的弹出窗口中不起作用