tdの次の要素を取得

Question

<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> 

私がスパンをクリックすると、次のスパンはどうやって見つかりますか？なしA AAのhrefがあるすべてのスパン..間 スパンiはTABボタンを押したときに、私は次のスパンに行きたい、入力に変換

...

はそれが仕事のhref

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

Answer 1

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