javascript - 如何检查 TD 是否是行中类(class)的最后一个

Question

我是 jQuery 新手，希望有人能帮助我。

我有一个大型 HTML 表格，其中包含动态添加的行。

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

在此表中，有可编辑的 TD(具有“editable”类并包含 contenteditable div)和不可编辑的 TD(没有“editable”类且不包含内容)。包含一个div)。

如果用户位于这样的 div 中，我想检查当前(最近的)TD 是否是具有特定类别的同一行中的最后一个 TD (“可编辑”)。

我尝试了以下方法，但这在这里不起作用。有人可以告诉我我做错了什么吗？

我的 jQuery(已准备好文档):

$(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')) {