कैसे spesific tr में टेबल पर वर्ग सेट करने के लिए? - PHP, jquery, codeigniter

मुझे AJAX पेशेवरों पर spesific tr पर टेबल पर कक्षा सेट करने की जरूरत है। नीचे मेरी एचटीएमएल टेबल

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

और इस तरह मेरी 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);
}
});
});

यदि पंक्ति लिंक क्लिक हो तो मैं spesific tr को बदलना चाहता हूं। कोई भी मेरी मदद कर सकता हैं?? धन्यवाद

उत्तर:

यदि आप डेटाटेबल का उपयोग कर रहे हैं तो आप इस तरह कुछ उपयोग कर सकते हैं:

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

संदर्भ लिंक: - https://datatables.net/reference/option/columns.className

यह उदाहरण यहाँ एक क्लिक घटना से एक पंक्ति पर कक्षाओं को जोड़ने और हटाने का प्रदर्शन करता है।

इस तरह सेट करें

var val = "#prayRow"+$id;

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

सुनिश्चित करो #prayRow$id तालिका में पहले ही परिभाषित है

एफवाईआई: चले जाओ alert("Pray status have been change"); लाइन के अंत में