Я пытаюсь использовать атрибуты данных в таблице HTML для хранения данных об элементе, который позже будет использоваться в вызове ajax, но у меня возникают проблемы с моим выбором jQuery, когда я пытаюсь вернуть данные из.
Это работает:
var listItemId = $(this).parent().parent().attr('data-id');
Однако селектор .parent().parent()
слишком хрупок - он сломается, если я когда-либо изменю структуру HTML.
Это то, что я хотел бы сделать, но он возвращает undefined:
var listItemId = $(this).parent('.list-item').attr('data-id');
Мой HTML выглядит так:
<tr class="list-item" data-id="1">
<td>
<input value="Some text entered by the user" type="text" >
</td>
</tr>
Что мне не хватает?