У меня есть таблица, которая собирает данные из БД, я хочу выделить строку, когда щелкните выбранную строку для редактирования, выбранная строка будет выделена.
<table class = "table table-striped">
<thead>
<tr>
<th>ID</th>
<th>Title</th>
<th>Detail</th>
<th>Image</th>
<th>created</th>
<th>Action</th>
</tr>
</thead>
<tbody>
<?php if (!empty($servicedata)): foreach($servicedata as $service): ?>
<tr>
<td><?php echo $service['id']; ?></td>
<td><?php echo $service['title']; ?></td>
<td><?php echo (strlen($service['detail'])>150)?substr($service['detail'],0,10).'...':$service['detail']; ?></td>
<td><img scr = "<?php echo $service['userfile']; ?>" class = "img-recponsive" stlye = "width:50px;"></td>
<td><?php echo $service['created']; ?></td>
<td>
<a href = "<?php echo base_url("admin/service/edit/".$service['id']);?>" class = "btn btn-danger btn-sm" onclick = "change_Row_Highlight();">Edit </a>
<a href = "<?php echo base_url("admin/service/delete/".$service['id']);?>" class = "btn btn-danger btn-sm" onclick = "return confirm('Are you sure to delete?')">Delete</a>
</td>
</tr>
<?php endforeach; else: ?>
<tr><td colspan = "6">Record(s) not found......</td></tr>
<?php endif; ?>
</tbody>
</table>
function change_Row_Highlight() {
$('.table tbody tr').addcss('background-color':'#ddd;');
}
В jquery нет ничего похожего на addcss
. Используйте addClass
или просто .css
как
function change_Row_Highlight() {
$(this).closest('tr').css('background-color' , '#ddd');
}
Чтобы получить ссылку на выбранный элемент, используйте this
и, если хотите, добавить CSS в tr
. Вы можете получить родительский tr
с .closest('tr')
Это не сработало, но я делаю это с помощью php, выбрав ID Спасибо! Добрых усилий и поддержки ... <3
Спасибо за ответ, я изменяю функцию в соответствии с вашими инструкциями, но она все еще не работает ...