Как изменить выбранный цвет строки при нажатии на кнопку со значком редактирования с помощью jquery / javascript

У меня есть таблица, которая собирает данные из БД, я хочу выделить строку, когда щелкните выбранную строку для редактирования, выбранная строка будет выделена.

Выбор таблицы (редактировать по идентификатору)

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

код jquery

 function change_Row_Highlight() {
   $('.table tbody tr').addcss('background-color':'#ddd;');
 }
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
1
0
184
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

В jquery нет ничего похожего на addcss. Используйте addClass или просто .css как

 function change_Row_Highlight() {
  $(this).closest('tr').css('background-color' , '#ddd');
 }

Чтобы получить ссылку на выбранный элемент, используйте this и, если хотите, добавить CSS в tr. Вы можете получить родительский tr с .closest('tr')

Спасибо за ответ, я изменяю функцию в соответствии с вашими инструкциями, но она все еще не работает ...

Kh.Mubashar Irshad 02.05.2018 06:16

Это не сработало, но я делаю это с помощью php, выбрав ID Спасибо! Добрых усилий и поддержки ... <3

Kh.Mubashar Irshad 03.05.2018 18:01

Другие вопросы по теме