Anrufklasse in AJAX Antworttext

Question

I Div habe, in denen ich erhalte Ajax Antwort

<div id="demo"></div> 

Und als Antwort erhalte ich drei Tasten mit der ID und Werte

<button type="button" class="Model" onclick="ModelAppAll(<?php echo $i; ?>)">Approve All</button> 
<button type="button" class="Model" onclick="ModelRejAll(<?php echo $i; ?>)">Reject All</button> 

Jetzt will ich nennen eine Funktion und erhalten die $i Werte in Alertbox wie

function ModelAppReqId1(){ 
    alert(this.id); 
} 

Oder so mit jquer y

Kurz gesagt möchte ich mit AJAX Antwort wie tatsächliche DOM-Element arbeiten. Ich kann keine Klasse [Modell] im Antworttext finden. Bitte geben Sie mir einige Ideen.

Answer 1

Wenn Sie jQuery zum Anhängen eines delegierten Click-Ereignishandlers verwenden, können Sie dies erreichen, indem Sie die Variable $i aus Ihrem PHP-Code in ein data-*-Attribut auf der Schaltfläche platzieren, die Sie dann im Ereignishandler abrufen können. Versuchen Sie folgendes:

<button type="button" class="model" data-i="<?php echo $i; ?>">Approve All</button> 
<button type="button" class="model" data-i="<?php echo $i; ?>">Reject All</button> 

$(document).on('click', '.model', function() { 
    var i = $(this).data('i'); 
    // use i here... 
}) 

Beachten Sie, dass document nur aus Gründen eines Beispiels hier verwendet wird. Im Idealfall sollten Sie diese Auswahl auf das nächste übergeordnete Element zu den Schaltflächen ändern, das im DOM beim Laden der Seite verfügbar ist.

Answer 2

Nur um auch eine Antwort ohne jQuery zu bieten:

Wenn eine js-Funktion aus einem HTML-Elemente wie das Aufruf:

<button type="button" class="Model" onclick="ModelAppAll(<?php echo $i; ?>)">Approve All</button> 

werden Sie i als Argument übergeben müssen, dass genannt Funktion:

function ModelAppAll(i){ 
    alert(i); 
}