Передать динамически созданный html идентификатор строки текста таблицы через событие щелчка строки - PullRequest
Новая
       110

Передать динамически созданный html идентификатор строки текста таблицы через событие щелчка строки

0 голосов
/ 30 января 2020

У меня есть htmltable, который создается динамически. Я сделал строки кликабельными. Мне нужно передать идентификатор внутреннего текста строки в сценарий, который запускается при щелчке строки.

htmltable: 

<table style="width:100%;">
     <tr>
        <th>id</th>
        <th>name</th>
        <th>other info</th>
     </tr>
    <tr>
         <td class='table_row_click'>11</td>
        <td class='table_row_click'>item 2</td>
        <td class='table_row_click'>lmfao</td>
    </tr>
    <tr>
        <td class='table_row_click'>22</td>
        <td class='table_row_click'>item 2</td>
        <td class='table_row_click'>lol</td>
    </tr>
</table>

Событие клика: 

$(document).ready(function ($) {
           $(".table_row_click").click(function (e) {

//I need to use the clicked row ID here for something 

            });
       });

1 Ответ

1 голос
/ 30 января 2020 
$(e.target).closest('tr').find('td').first().text();

Вы можете перейти к родительскому tr, найти элементы td, получить первый и получить его текст.

Использование closest('tr') будет работать, если класс находится на td или Уровень tr, так как closest() может совпадать сам по себе.

...