Изменить цвет кнопки в строке по идентификатору в таблице данных

Question

Я использую asp.net-mvc с Ajax и jQuery, и я изо всех сил пытаюсь получить то, как я могу изменить цвет кнопки, в одном ряду данных по идентификатору (или что-либо еще возможно)только этой конкретной строки.

Я использовал

 $('.btn-query-company').addClass('btn-danger');

, и он просто поворачивает все кнопки в каждой строке, что мне не нужно.Я хочу только одну кнопку на строку.

Любая помощь будет принята с благодарностью.

Answer 1

Спасибо, что пришли ко мне.По сути, так выглядит мой HTML:

<table class="table no-margin table-striped table-hover table-condensed dataTable" id="userstbl">
    <thead>
        <tr role="row">
            <th>Company</th>...
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>@item.CompanyName</td>
            @{ 
                if (Request.Cookies["Roles"].Values["role"] != "C" && Request.Cookies["Roles"].Values["role"] != "U")
                {
                    <td>
                        <a class="btn btn-xs btn-query-company" data-id="@item.id" data-name="@item.OverallStatus" href="javascript:void(0);">Query</a>
                    </td>
                }
            }
        <tr>
    </tbody>
</table>

Конечно, у меня есть больше, чем один заголовок в моем реальном коде, но стилизация все та же.Тег <a>, представляющий мою кнопку, является темой моего вопроса.Надеюсь, это поможет.

Answer 2

Вы можете получить идентификатор строки, нажав на нее, найти кнопку, используя ее, а затем применить css ('color', 'red'), чтобы изменить цвет

$('#my_table_id').on('click', 'tbody td', function(e) { 
        var partiicular_row_id = $(this).parent().attr('id'); 
});