Wie bekomme ich alle TD-Daten bei Klick auf einen TR mit Jquery

Ich habe eine Tabelle mit mehreren Zeilen und ich möchte alle die TD-Daten nach einem Klick auf eine bestimmte ZEILE.

Meine Tabelle ist 

<table>
 <tr class="person">
   <td class="id">1900</td>
   <td class="name">John</td>
   <td class="gender">Male</td>
 </tr>

 <tr class="person">
   <td class="id">2000</td>
   <td class="name">Pitt</td>
   <td class="gender">Female</td>
 </tr>
</table>

Wie Bekomme ich id, name, Geschlecht nach einem Klick auf die Zeile mit Jquery.

Ex: If i click on John Row i should get 1900, John, Male and same for Pitt also

Danke

InformationsquelleAutor KillerFish | 2011-02-24
  1. 6

    Hier ist die Lösung. Sie können versuchen, zu finden () - Methode anstelle des (Kinder)

    $(function(){
    $('.person').click(function(){
        var id = $(this).children('.id').text();
        var name= $(this).children('.name').text();
        var gender = $(this).children('.gender').text();

        alert('Selected ID: ' + id + ', Name: ' + name + ', Gender: ' + gender);
    });

});
    • Sie sind willkommen 😉
    InformationsquelleAutor SadullahCeran
  2. 3

    Update:

    Erhalten Sie separat:

    var arr = [];
$('#tableID > tbody > tr').click(function(){
  arr = $(this).find('td').map(function(){
     return this.innerHTML;
  }).get();

  arr = arr.split(',');
  var id = arr[0];
  var name = arr[1];
  var gender = arr[2];
});

    Können Sie tun:

    var arr = [];
$('#tableID > tbody > tr').click(function(){
  arr = $(this).find('td').map(function(){
     return this.innerHTML;
  }).get();

  alert(arr);
});

    Überprüfen Sie heraus die DEMO

    • Sie. Ich möchte aber die Felder einzeln nicht die gesamten Daten.
    • Ok überprüfen Sie heraus meine Antwort aktualisiert, diese separat zu erwerben 🙂
    InformationsquelleAutor Sarfraz
  3. 1
    $("tr").bind("click", function(e){
 var id = $(this).find("td.id").text();
 var name = $(this).find("td.name").text();
 var gender = $(this).find("td.gender").text();
});
    InformationsquelleAutor janj
  4. 0

    können Sie

    $(function(){
    $('.person>td').click(function(){
        console.log($(this).parent().children().text());
    })

});
    InformationsquelleAutor diEcho
  5. 0

    Ich Stand vor dem gleichen problem und gelöst mit diesem code, um alle tr-Daten aus der Tabelle:

    $('.tb_add').click(function ()
{
  var table = $("table tbody");
  table.find('tr').each(function (i) {
        r1 = $(this).find('td').eq(0).text();
        r2 = $(this).find('td').eq(1).text();
        alert(r1+" "+r2);
 });
 });
    InformationsquelleAutor rahul kumar
Schreibe einen Kommentar