Javascript 获取td中的下一个元素 $this.parent.nextI var span=target.parent.next'td'。查找'span';不起作用。第一个电话是unnecessary@Yooouuri请多解释!示例中的代码片段工作正常@ibrahim

Javascript 获取td中的下一个元素 $this.parent.nextI var span=target.parent.next'td'。查找'span';不起作用。第一个电话是unnecessary@Yooouuri请多解释!示例中的代码片段工作正常@ibrahim,javascript,jquery,html,Javascript,Jquery,Html,获取td中的下一个元素 $this.parent.nextI var span=target.parent.next'td'。查找'span';不起作用。第一个电话是unnecessary@Yooouuri请多解释!示例中的代码片段工作正常@ibrahimmahrir认为这是可行的,但每个跨度之间都有一个a href,请参见更新question@Yooouuri请参见上面的编辑@Yooouuri和你认为这对我们来说并不重要!看到新的答案,它应该会工作,除非有更多你没有告诉我们! <tabl

获取td中的下一个元素
$this.parent.nextI var span=target.parent.next'td'。查找'span';不起作用。第一个电话是unnecessary@Yooouuri请多解释!示例中的代码片段工作正常@ibrahimmahrir认为这是可行的,但每个跨度之间都有一个a href,请参见更新question@Yooouuri请参见上面的编辑@Yooouuri和你认为这对我们来说并不重要!看到新的答案,它应该会工作,除非有更多你没有告诉我们!
<table>
    <tr>
        <td><span data-....></span></td> // 1
        <td><a href="">....</a><td>
        <td><span data-....></span></td> // 2
        <td><a href="">....</a><td>
        <td><span data-....></span></td> // 3
        <td><a href="">....</a><td>
    </tr>
</table>
$('table td span').hover(function () {
    $(this).css('cursor','pointer');
});

$(document).on('keydown', 'table td input', function(event) {
    var target = $(this);

    if (event.which == 9) {
        event.preventDefault();

        console.log('Tab pressed');

        var span = target.parent().next().find('span');

        span.click();

        console.log(span.data('date'));
    }
});
$('table td').on('click', 'span', function(event) {
    $(this).parent()         // the parent of the span
           .next()           // the next element to that parent (href td)
           .next()           // the next element to that next element (span td)
           .find('span');    // the span children of the first
});