Javascript 如何通过单击按钮获得最接近的td值？

我有带数据和按钮的表行

每个按钮对应于每一行，当您单击按钮时，它会将类名从

hide

更改为

un\u hide

。下一步是在单击的按钮所属的行中检索带有class

contact\u name

的td的文本值

表结构：

<tr>
  <td class="contact_name" style="padding: 7px 0;">
    Name 1
  </td>
  <td>
      <button class="btn_hide">Hide</button>
  </td>
</tr>
<tr>
  <td class="contact_name" style="padding: 7px 0;">
      Name 2
  </td>
  <td>
      <button class="btn_hide">Hide</button>
  </td>
</tr>

所以我尝试了这个方法来获取“最近的”的文本值。联系\u name td

var name = $(this).closest('.contact_name').text();

但是，对于我来说，返回为空：(

---

如何通过单击第一个隐藏按钮来获取名称1的值？

。联系人名称不是单击按钮的父项

var name = $(this).closest('tr').find('.contact_name').text();

试试看

或

$（this）.closest（'td'）。同胞（'.contact_name'）。text（）
var name = $(this).closest('tr').find('.contact_name').text();

var name = $(this).closest('td').prev('.contact_name').text();

var name = $(this).closest('tr').find('.contact_name').text();

var name = $(this).closest('tr').children('.contact_name').text();