/ / wie man die Klasse auf dem Tisch in specific tr setzt? - PHP, JQuery, Codezeichner

Wie man Klasse auf Tabelle in spezifischen tr setzt? - PHP, JQuery, Codezeichner

Ich muss die Klasse auf dem Tisch auf Ajax Pros setzen. meine HTML-Tabelle wie unten

 <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
}
?>

und meine jQuery so:

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

Ich möchte den spezifischen tr ändern, wenn der Zeilenlink einen Klick erhält. Kann mir jemand helfen?? Danke

Antworten:

1 für die Antwort № 1

Wenn Sie Datatable verwenden, können Sie etwas wie folgt verwenden:

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

Referenzlink: - https://datatables.net/reference/option/columns.className


0 für die Antwort № 2

Dieses Beispiel Hier demonstriert das Hinzufügen und Entfernen von Klassen in einer Zeile aus einem Klickereignis.


0 für die Antwort № 3

Setz dich so

var val = "#prayRow"+$id;

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

Stelle sicher #prayRow$id ist bereits in der Tabelle definiert

Zu Ihrer Information: bewegen Sie sich alert("Pray status have been change"); bis zum Ende der Zeile