Wie bekommt man einen Wert des nächsten td mit der Klasse auf den button klicken?

Ich habe die Tabelle Zeilen mit Daten und Tasten. http://codepen.io/leongaban/pen/nuIkd

Jede Schaltfläche entspricht jede Zeile, auch wenn Sie auf eine Schaltfläche klicken, ändert es Klasse Namen aus hide zu un_hide der nächste Schritt ist das abrufen der text-Wert des td mit der Klasse contact_name in die Zeile der angeklickten Schaltfläche, gehört zu werden.

Tisch Struktur:

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

Mit diesem jQuery, sind ALLE text-Werte .contact_name in allen Zeilen

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

Also versuchte ich dies, um den text mit dem Wert des 'nächsten' .contact_name td

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

Jedoch, dass die Renditen leer für mich 🙁

Wie würden Sie die Name 1 Wert, indem Sie auf die erste Schaltfläche Ausblenden?

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

InformationsquelleAutor Leon Gaban | 2013-12-17

  1. 28

    .contact_name ist nicht Eltern von der angeklickten Schaltfläche.

    var name = $(this).closest('tr').find('.contact_name').text();
    danke, das war es! Ich vergessen über .find
    Du bist herzlich willkommen.

    InformationsquelleAutor Ricardo Alvaro Lohmann

  2. 2

    Versuchen,

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

    Oder

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

    DEMO

    Danke für den demo link auch 🙂 +1

    InformationsquelleAutor Rajaprabhu Aravindasamy

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

    InformationsquelleAutor akbar ali

Schreibe einen Kommentar