/ / ako nastaviť triedu na tabuľke v spesific tr? - php, jquery, codegniter

ako nastaviť triedu na tabuľke v spesific tr? - php, jquery, codegniter

Potrebujem nastaviť triedu na stôl na spesific tr on ajax proses. moja html tabuľka ako nižšie

 <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="/images/<?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
}
?>

a moje jquery takto:

 $("#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);
}
});
});

Chcem zmeniť spesific tr if link kliknutím. Môže mi niekto pomôcť? Vďaka

odpovede:

1 pre odpoveď č. 1

Ak používate datatable potom môžete použiť niečo takéto:

  $("#tablePray").dataTable( {
"columnDefs": [
{ className: "my_class", "targets": [ 0 ] }
]
} );

referenčný odkaz: - https://datatables.net/reference/option/columns.className


0 pre odpoveď č. 2

V tomto príklade tu demonštruje pridanie a odstránenie tried v riadku z udalosti kliknutia.


0 pre odpoveď č. 3

Nastavte sa takto

var val = "#prayRow"+$id;

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

Uisti sa #prayRow$id je už definovaná v tabuľke

FYI: pohyb alert("Pray status have been change"); na koniec linky