如题
dwz如何才能解决使用jQuery追加的表格行有原生table行的样式?
<table class="list" width="100%" layoutH="60" >
<thead>
<tr>
<th width="10%">ID</th>
<th width="40%">报告编号</th>
<th width="40%">试验编号</th>
</tr>
</thead>
<tbody id="wtlb">
<tr target="wtlb_list" rel="1">
<td>1</td>
<td>W201600001</td>
<td>T201600001</td>
</tr>
<tr target="wtlb_list" rel="2">
<td>1</td>
<td>W201600002</td>
<td>T201600002</td>
</tr>
</tbody>
</table>
<button id="add"> 添加行</button>
<script type="text/javascript">
$(document).ready(function(){
$("#add").click(function(){
$str='';
$str+="<tr>";
$str+="<td>000</td>";
$str+="<td>002</td>";
$str+="<td>003</td>";
$str+="</tr>";
$("#wtlb").append($str);
});
});
$(document).ready(function(){
$("#add").click(function(){
$str='';
$str+="<tr target=\"wtlb_list\" rel=\"3\">";
$str+="<td>000</td>";
$str+="<td>002</td>";
$str+="<td>003</td>";
$str+="</tr>";
$("#wtlb").append($str);
});
});
rel的部分,看起来还有自增的需求,自增你搞得定
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。