Jqueryで同じ行にデータを追加する方法は？

Question

私は、ajax呼び出しからのデータが入っているテーブルを持っています。 すでにあるデータと同じテーブル行に新しいデータを追加することはできますか？以下の例は、最初に新しい行にデータを追加します。ここでは、このように試すことができ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

をクリックイベントを委任する必要があります。

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

Answer 2

が、それはあなたのテーブルに新しいtdが追加されますです。

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

Answer 3

このお試しください：はい。あなたがたが、AJAXが完了することができた後にのみとクリックした要素は、あなたがAJAXを介して追加されている場合、HTMLページ

$(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>'); 
       } 
     }); 

にある

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