jQuery - Abrufen des Textwerts einer Tabellenzelle in derselben Zeile wie ein angeklicktes Element

Question

Ich klicke auf einen Link in einer Tabellenzelle. Ich muss den Wert einer bestimmten Zelle in derselben Tabellenzeile ermitteln.

Ich habe einen Klick-Handler an den Link in der vierten Zelle angefügt. Dieser Click-Handler ruft eine Funktion auf, die ein modales Fenster öffnet. Wenn ein Formular im Modal übergeben wird, möchte ich auch den Wert von td class = "two" aus der Zeile übergeben, in der der Link auf dieses Modal geklickt wurde.

Hier ist die Funktion, die die modale sendet (der Problembereich wird den richtigen Wert für var etwas zu bekommen):

var Send = function() { 
    var Name = $('#name').val(); 
    var Something = $(this).closest('td').siblings('.two').text(); // version 1. doesn't work 
    var Something = $(this).closest('tr').siblings('td.two').text(); // version 2 also doesn't work 
    var Something = $(this).attr('class'); // version 3. just a test but also doesn't work 
    $.ajax({ 
     async: false, 
     data: { name: Name, somedata: Something }, 
     type: 'POST', 
     url: the url 
    });   
}; 

Das Problem ist, dass ich nicht den richtigen Wert für etwas bekommen. Es sollte der Wert von td class = two in derselben Zeile wie das angeklickte Element sein.

Die Art, wie alles zusammenkommt, ist. Klicken Sie auf den Ziellink, der eine Methode namens Send_Click() aufruft. Send_Click führt einige Validierungen durch und ruft dann Send() auf, aber der Wert für Something wird nie aufgefüllt. Ist das, weil this ist nicht, was ich denke, es ist? Hjelp!

Answer 1

Sie .children() wollen statt (documentation here):

$(this).closest('tr').children('td.two').text(); 

Answer 2

so können Sie parent() verwenden, um das übergeordnete tr zu erreichen und dann mit der Klasse der td zu sammeln verwenden finden zwei

var Something = $(this).parent().find(".two").html();

oder

var Something = $(this).parent().parent().find(".two").html();

verwenden so viel wie parent() was auch immer die Tiefe des angeklickten Objekts nach der tr Reihe

Hoffnung das funktioniert ...

Answer 3

Nick hat die richtige Antwort, aber ich wollte Sie auch die Zellendaten, ohne dass der Klassenname

var Something = $(this).closest('tr').find('td:eq(1)').text(); 

:eq(#) erhalten hinzufügen könnte hat einen nullbasierten Index (link).

Answer 4

sollte es funktionieren:

var Something = $(this).children("td:nth-child(n)").text(); 

Answer 5

Dies wird auch

$(this).parent().parent().find('td').text()