Wie fügt man Daten an dieselbe Zeile mit Jquery an?

Question

Ich habe eine Tabelle, die mit Daten von einem Ajax-Anruf gefüllt ist. Ist es möglich, die neuen Daten in derselben Tabellenzeile wie die bereits vorhandenen Daten anzufügen? Im folgenden Beispiel werden die Daten zuerst an eine neue Zeile angehängt. Hier ist ein fiddle.

<a href="javascript:void(0);">Add data</a> 
<table id="myTable"> 
    <tbody> 
    <tr> 
     <td>Info</td> 
    </tr> 
    </tbody> 
</table> 

JQuery

$(document).ready(function() { 
    $('a').click(function() { 
     $('#myTable tbody').append('<td>info,</td>'); 
    }); 
}); 

Answer 1

Ja, Sie können aber erst nach dem Ajax beendet ist und die html ist auf der Seite

$(document).ready(function() { 


     $('a').click(function() { 
       if($('#myTable > tbody > tr.dynamically-added-by-ajax').length) {//test if the html from the ajax is present on the page 
        $('#myTable > tbody > tr.dynamically-added-by-ajax').append('<td>additional info ,</td>'); 
       } 
     }); 

wenn das klickten Element durch Ajax hinzugefügt wird Sie müssen das Klickereignis dafür delegieren

$('#myTable').on('click','a',function() { 
    //the append function 
} 

Answer 2

Sie mögen diese versuchen kann, wird es neue td Ihnen Tisch.

$(document).ready(function() { 
    $('a').click(function() { 
     $('#myTable > tbody > tr').append('<td>info,</td>'); 
    }); 
}); 

Answer 3

Try this:

$(document).ready(function() { 
$('a').click(function() { 
    $('#myTable tbody tr:first').append('<td>info,</td>'); 
}); 
});