Question

我需要在ajax proses上的spesific tr上设置类。我的html表格如下

 <table class="table table-striped table-borderless table-hover" id="tablePray">
                <thead>
                  <tr>
                    <th style="width:20%;">Nama / Name</th>
                    <th style="width:45%;">Keterangan / Description</th>
                    <th></th>
                  </tr>
                </thead>
                <tbody>
                <?php
                foreach ($prays as $row)
                {
                    ?>
                      <tr id="prayRow<?php echo $row->id;?> ">
                        <td class="user-avatar"> <img src="<?php echo base_url();?>assets/admin/img/avatar.gif" alt="Avatar"><a href="#"><?php echo $row->name;?></a></td>
                        <td><?php echo $row->prayNeed;?></td>
                        <td class="text-right">  <a href="#" class="dropdown-item healedList" data-id="<?php echo $row->id;?>" onclick="confirmStatus(<?php echo $row->id;?>)">Healed</a></td>

                    </tr>
                <?php
                }
                ?>

我的jquery是这样的：

 $('#changeStatusFrm').submit(function(e) {
      e.preventDefault();

      $id=$('#idPray').val();
      $token=$('#token').val();

      data = new FormData();
      data.append("idPray",$id);
      data.append("<?php echo $this->security->get_csrf_token_name();?>", $token );

      $.ajax({
          data: data,
          type: "POST",
          url: '<?php

              echo base_url('Pray/ChangeStatus');
              ?>'
          ,
          cache: false,
          contentType: false,
          processData: false,
          success: function(url) {
              var result=url.split('|');

              $('#token').val(result[0]);

              alert('Pray status have been change');
              $("#mod-danger").modal("hide");

              $("#tablePray tr#prayRow"+$id).addClass('table-success');

          },
          error: function(xhr, status, error) {
              var err = eval("(" + xhr.responseText + ")");
              alert(err.Message);
          }
      });
  });

如果行链接点击，我想更改特定的tr。有谁能够帮我？？ THX

Answer 1

如果您使用的是数据表，那么您可以使用以下内容：

Content-Type

参考链接： - https://datatables.net/reference/option/columns.className

Answer 2

像这样设置

var val = "#prayRow"+$id;

$(val).addClass('table-success');

确保已在表

中定义#prayRow$id

仅供参考：将alert('Pray status have been change');移至行尾

Answer 3

此示例here演示了如何在点击事件中添加和删除行。

如何在特定tr中设置表上的类？

3 个答案: