所需食材
<table id="table">
<tr>
<td><input type="text"></td>
<td>价格:<input type="text">元/KG</td>
<td>份额:<input type="text">KG</td>
</tr>
</table>
<button id="addBtn">添加</button>
<script src="js/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#addBtn").click(function(){
var html = '<tr><td><input type="text"></td><td>价格:<input type="text">元/KG</td>'+
'<td>份额:<input type="text">KG</td></tr>';
$("table").append(html);
});
});
</script>
@charset "utf-8";
/* CSS Document */
html,body,div,span,h1,h2,h3,h4,h5,h6,p,pre,a,code,em,img,small,strong,sub,sup,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label{margin:auto;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
h2{ text-align:center; padding:10px; font-size:20px;}
a{color:#007bc4/*#424242*/; text-decoration:none;}
a:hover{text-decoration:underline}
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0}
body{height:100%; font:12px; sans-serif; color:#51555C; background:#2C2C2C }
img{border:none}
.logo{width:910px;}
#main_demo{width:910px; min-height:600px; margin:30px auto 0 auto; background:#fff; -moz-border-radius:12px;-khtml-border-radius: 12px;-webkit-border-radius: 12px; border-radius:12px;}
.ad{ text-align:center; margin-top:25px;}
.clear{ clear:both;}