如何在按鈕單擊時獲取最接近td的值？

Question

我有數據和按鈕的表行。 http://codepen.io/leongaban/pen/nuIkd

每個按鈕對應於每一行，當您單擊一個按鈕時，它將類名從hide更改為un_hide ，下一步是在單擊的按鈕所屬的行中檢索具有類contact_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>

使用這個jQuery，它將在所有行中獲得.contact_name的所有文本值

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

所以我試着得到'最接近'.contact_name td的文本值

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

然而，這對我來說是空白的:(

如何通過單擊第一個“隱藏”按鈕獲取“ 名稱1”值？

Answer 1

.contact_name不是單擊按鈕的父級。

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

Answer 2

嘗試，

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

要么

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

DEMO

Answer 3

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