Jquery如何获取表格中同级子元素的元素？

Question

你好，我正在试图获取由 td.b > b 触发的 td.a > a 的值。

以下是我的 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>

在这里，我需要通过点击 class A 来获取 b value。我尝试使用 jQuery 获取它的方法是：

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

我卡在这里了，有什么方法可以解决吗？

- user1999510

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

演示 I

- Rajaprabhu Aravindasamy

---

更新的 JSFiddle，你能告诉我针对这个情况... - user1999510

@Meow 很高兴能帮忙！:) - Rajaprabhu Aravindasamy

Answer 2

写：

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

这里有更新的演示。

- codingrose

Answer 3

尝试这个：

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

- Sudharsan S