Schleife durch die Anpassungstabelle, wenn auf eine Schaltfläche

Question

Ich habe eine dynamisch generierte HTML-Code zu klicken, die wie folgt aussieht:

<div class="systeme"> 
    <table method="post" class="table table_cultures"> 
     <tr class="formRows"> 
      <td>Something</td> 
      <td>Something</td> 
      <td>Something</td> 
      <td>Something</td> 
     </tr> 
    </table> 
    <button class="btn btn-default valider_systeme_culture">Valider</button> 
</div> 

<div class="systeme"> 
    <table method="post" class="table table_cultures"> 
     <tr class="formRows"> 
      <td>Something 2</td> 
      <td>Something 2</td> 
      <td>Something 2</td> 
      <td>Something 2</td> 
     </tr> 
    </table> 
    <button class="btn btn-default valider_systeme_culture">Valider</button> 
</div> 

Wenn ich auf eine der Schaltflächen klicken, ich mit Javascript durch die Anpassungstabelle Schleife wollen und nur diese Tabelle.

Derzeit, wenn ich auf eine Schaltfläche klicke, bekomme ich alle Daten der beiden Tabellen.

In Javascript, ich habe dies:

var table = $(".table_cultures tbody"); 
table.find('.formRows').each(function (i) { ... }); 

ich auch mit der Funktion versucht .parents() aber danach habe ich einen .find('.table_cultures tbody) nicht tun kann, es funktioniert nicht. Die Sache ist, dass ich table_cultures tbody finden muss, weil es mir erlaubt, die Reihen zu durchlaufen, wenn es einen tbody gibt.

Wie soll ich die richtige Tabelle durchlaufen?

Answer 1

können Sie $(this).prev('table') verwenden, wo $(this) Schaltfläche geklickt wird und dann erhalten Sie prev("table")DEMO

$('.btn').click(function() { 
    $(this).prev('table').find('.formRows').css('background', 'red') 
}) 

Answer 2

Nenad Vracar ‚s Ansatz fast okey ist, aber die ursprüngliche Frage stellt klar, dass die Tabellen dynamisch erzeugt werden, so Delegieren der Veranstaltung sollte sicherer sein.

$('body').on('click', '.btn', function() { 
    $(this).siblings('table') 
    .find('.formRows') 
    .each(function (index, elem) { 
     //var $elem = (this); 
     //either use the function parameters is the this variable 
     //to do something with the current row 
    }); 
});