如何检查TD是否排在最后

Question

我是jQuery的新手,希望有人能帮助我.

我有一个动态添加行的大型HTML表.

该表具有标准结构(包括thead,tbody和tfoot).

在此表中有可编辑的TD(具有类" editable"并包含一个可信的div)和不可编辑的TD(其中没有类"可编辑"且不包含div).

如果用户在这样的div中,我想检查当前(最接近的)TD 是否是同一行中具有某个类(" editable")的最后一个TD.

我尝试了以下但这在这里不起作用.有人能告诉我我做错了什么吗？

我的jQuery(在doc准备好了):

$(document).keydown(function(e){
    var current = $(e.target);
    // ...
    if($(current).closest('td').is('td.editable:last')){
        alert('last editable td in current row'); // test alert
    }
    // ...
});

我的HTML(示例行):

<tr>
    <!-- ... -->
    <td class="editable"><div contenteditable="true"></div></td> <!-- editable -->
    <td class="editable"><div contenteditable="true"></div></td> <!-- editable -->
    <td></td> <!-- non-editable -->
    <td></td> <!-- non-editable -->
    <td class="editable"><div contenteditable="true"></div></td> <!-- editable -->
    <!-- ... -->
</tr>

Answer 1

试试:last-of-type选择器？永远不要使用:last或:first,因为它们在每个浏览器中实现不同!

if ($(current).closest('td').is('td.editable:last-of-type')) {