テーブル行追加

以下テーブルを用意 

<input type="button" id="btnAddRow" value="行追加" onClick="addRow()"/>

<table id="tblLst" border="1" >

 <tr>

  <th>No</th>

  <th>名称</th>

  <th>個数</th>

  <th></th>

 </tr>

</table>

function addRow() {

var fruits= [{

"name" : "ぶどう",

"number" : "10"

},

{

"name" : "りんご",

"number" : "20"

},

{

"name" : "みかん",

"number" : "30"

}];

$.each(fruits, function(i, val) {

$('#tblLst tr:last').after('<tr><td>' + i + '</td><td>' + val.name + '</td><td>' + val.number + '</td><td><input type="button" id="edit" value="※" onClick="showIndex()"/></td></tr>');

});

}