Jquery如何获取表td中 sibling child的元素

Question

您好，我正在尝试从 td.a > a 获取值，该值是由 td.b > b 触发的

我的 html 标记

 <table>
  <tr>
    <td>
      <div class="ha">
        <a class="A"> a value </a>
      </div>
    </td>
      <td>
      <a> <span> b value </span> </a>
    </td>
  </tr>
 </table>

这里我需要通过单击A类来获取b值我试图通过 jquery 获取它是

$('.A').on('click', function(){
      $(this).parent().find('td').next();
   })

我打到这里了，有什么办法吗？

Answer 1

尝试，

   $('.A').on('click', function(){
      $(this).parent().next('td').find('span').text();
   });

DEMO

根据您的新编辑，您必须使用 .closest()

尝试一下，

   $('.A').on('click', function () {
       alert($(this).closest('td').next('td').find('span').text());
   })

DEMO I