Warum sieht Jquery die eindeutige ID nicht?

Question

Ich habe eine Seite, die dynamische Formulare und Tabellen enthält, die mit AJAX abgerufen werden. Ich versuche, jede Tabelle zu zielen, abhängig davon, welche Schaltfläche zum Senden von Dateien gesendet wurde, aber aus irgendeinem Grund scheint jquery die eindeutige ID der Tabellen nicht zu sehen. Ich vermute, dass jquery nur die ID der ersten Tabelle holt, aber ich verstehe nicht warum?

console.log(tableid) druckt myTable1 auf allen Tasten lege ich auf der Seite jedoch drücken die HTML-Inspektion zeigt mir, dass alle IDs der myTable einzigartig sind zB myTable1,myTable2,myTable3 ..... und so weiter.

Die dynamische Form und Tabelle

<form id="myForm" class="myForm" action="" method="post" style=""> 

    <input type="hidden" name="page_id" value="'.$id.'"> 


    <button type="submit" class="fabutton"></i></button> 
</form> <!--END OF FORM----> 



<table id="myTable'.$i.'" class="table"><!--$i increments by 1 with each form----> 
    <tbody> 
     <tr> 
    </tr> 
</tbody> 
</table> 

Die jquery (auf einer anderen Seite, wo die Form und Tabelle wiedergegeben werden)

$(document).on('submit', '.myForm', '.results', function(e) { 

      var tableid = $('.table').attr('id'); //Get table id 

      console.log(tableid) 

Answer 1

, weil du var tableid = $('.table').attr('id');

tun Dies ist nicht beschränkt auf die aktuelle Form, mit der Sie arbeiten, aber auf das gesamte Dokument.

aktualisieren

Wenn das .table direkt das Element Formular folgendes tun dann

var tableid = $(this).next(); 

---

Original- (wird nicht funktionieren, weil .table nicht in der Form ist)

Versuchen Sie, einen Kontext zu verwenden, wenn für die Tabelle, wie die folgenden suchen (this verweist auf die Form, so dass es für ein .table in dieser Form aussehen)

var tableid = $('.table', this).attr('id');