Comment obtenir une valeur de la plus proche td avec à la classe, cliquez sur le bouton?

J'ai les lignes de la table avec les données et les boutons. http://codepen.io/leongaban/pen/nuIkd

Chaque bouton correspond à chaque ligne, également lorsque vous cliquez sur un bouton, il change de classe des noms de hide à un_hide la prochaine étape est de récupérer la valeur de texte de la td avec classe contact_name dans la ligne que l'cliqué bouton appartient aussi.

Structure de la Table:

<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>

À l'aide de cette jQuery, elle permettra d'obtenir TOUTES les valeurs de texte .contact_name dans toutes les lignes

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

J'ai donc essayé cette pour obtenir le texte de la valeur de la plus proche' .contact_name td

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

Toutefois que les rendements vide pour moi 🙁

Comment voulez-vous obtenir le Nom 1 valeur en cliquant sur la premier bouton Masquer?

$(this).closest('td').siblings('.contact_name').text()

OriginalL'auteur Leon Gaban | 2013-12-17

  1. 29

    .contact_name n'est pas parent de l'cliqué bouton.

    var name = $(this).closest('tr').find('.contact_name').text();
    merci, c'était ça! Je garde d'oublier .find
    Vous êtes les bienvenus.

    OriginalL'auteur Ricardo Alvaro Lohmann

  2. 2

    Essayer,

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

    Ou

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

    DÉMO

    Merci pour le lien de démonstration trop 🙂 +1

    OriginalL'auteur Rajaprabhu Aravindasamy

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

    OriginalL'auteur akbar ali