Получить атрибут данных в последней строке таблицы

Question

Как я могу получить атрибут данных последней строки таблицы?

<tbody id="tableNotifications"> 
    <tr class="notificationsRowEntry success" data-notification-timestamp="1384105387"></tr> 
    <tr class="notificationsRowEntry success" data-notification-timestamp="1384105367"></tr> 
    <tr class="notificationsRowEntry success" data-notification-timestamp="1384105357"></tr> 
    <tr class="notificationsRowEntry success" data-notification-timestamp="1384105323"></tr> 
</tbody> 

Проблема заключается в том, что я не могу получить атрибут данных, но только содержание последней строки таблицы с помощью:

$data = $("#tableNotifications").last().data("notification-timestamp"); 

Может быть, я делаю глупую ошибку, но это сводит меня с ума ,

спасибо.

P.S. Я знаю, что я мог бы добавить некоторые уникальные идентификаторы, а затем извлечь данные с

$data = $(uniqueid).data("notification-timestamp"); 

, но я хотел бы избежать этого.

Answer 1

Вы хотите получить значение атрибута данных в tr, а не сам tbody:

$("#tableNotifications > tr:last-child").data("notification-timestamp"); 

Answer 2

Использование attr() функции:

var data = $("#tableNotifications tr:last").attr("data-notification-timestamp"); 

Селектор #tableNotifications tr:last выбирает lasttr ребенка элемент с идентификатором tableNotifications.

Кроме того, это тоже будет работать:

var data = $("#tableNotifications tr").last().attr("data-notification-timestamp"); 

Просто для уточнения:

Если вы просто хотите, чтобы получить значение атрибута из HTML использования .attr("data-attr"). Для получения дополнительной информации см. the difference between .data() and .attr().

Answer 3

Это находит последний элемент с идентификатором 'tableNotifications'. Просто добавьте tr в свой селектор, чтобы получить последнюю строку:

$data = $("#tableNotifications tr").last().data("notification-timestamp");