ตามหากระทู้ตัวอย่างใส่จำนวนลงใน text แล้วแถวของตารางเพิ่มตามจำนวนที่เราหรอกครับ

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(function(){
    $('#btnPluz').click(function(){
        var num=parseInt($('#number').val())+1;
       	var tr=$("<tr id='tr"+num+"' rel='"+num+"'><td> ลำดับที่ <span>"+num+"</span><button id='btnDel' rel='"+num+"' class='btn btn-danger'>&nbsp;&nbsp;&nbsp;&nbsp;ลบข้อมูล&nbsp;&nbsp;&nbsp;&nbsp;</button>  </td></tr>");
		$('#tbody tr:first').before(tr);
        $('#number').val(num);
	 });

  $('#tbody').on('click','#btnDel',function(){
		var num=parseInt($('#number').val())-1;
        var rel=$(this).attr('rel');
		var rowCount = $('#tbody>tr').length;
		 var i=rowCount;
		$('#number').val(num);
        $("#tr"+rel+"").remove();
     	$('#tbody span').each(function(index, element) {
            i--
		     $(this).text(i);
		});
    });
});
</script>
<table>
<tr>
<td>
 	<input type="number" id="number" value="1" size="5" readonly>
	<button type="button" id="btnPluz" >เพิ่ม</button>
</td>
</tr>
      	<tbody id="tbody">
        <tr id="tr1" rel="1"><td> ลำดับที่ <span> 1 </span> </td></tr>
       </tbody> 
</table>