javascript - 如何通过 jquery 获取 .find() 对象中的最后一个元素

Question

我有这样的 DOM:

<div class="parent">
   <button class="add-tr">Add</button>
   <table class="child">
   <tr data="0"></tr>
   <tr data="1"></tr>
   ...
   </table>
</div>
<div class="parent">
   <button class="add-tr">Add</button>
   <table class="child">
   <tr data="0"></tr>
   <tr data="1"></tr>
   ...
   </table>
</div>
...

当我单击“添加”按钮时，我想从它自己的父类的最后一个中获取数据属性的值。

我正在使用此方法获取最后一个元素，但它不起作用。

$('.add-tr').click( function() {
   var last = $(this).parent().find('.child:last').attr('data');
   alert(last);
})

知道为什么吗？或者任何其他获取表中最后一个元素的建议？

更新是的，我发现了问题，原来是我忘记了'tr'。谢谢你们的回答。你们所有的人都给出了正确的答案，我希望我能接受你们所有的答案。谢谢

Answer 1

试试这个

   var last = $(this).parent().find('.child').find('tr').last().attr('data');

在您的示例中，您获得了最后一个 table，但您需要获得最后一个 tr

Example