Jquery如何在表td中获取兄弟姐妹子元素

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>

在这里，我需要通过点击jquery试图获得的b value来获得class A

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

我来这里有什么办法吗？

Answer 1

试试看

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

演示

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

试试看，

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

演示一

Answer 2

写入：

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

这里更新了演示。

Answer 3

试试这个：

 $('.A').on('click', function(){
     $("td").siblings().find('span').text();
   });