如題
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);
});
});
</script>
擁有18年軟件開發(fā)和IT教學經(jīng)驗。曾任多家上市公司技術(shù)總監(jiān)、架構(gòu)師、項目經(jīng)理、高級軟件工程師等職務。 網(wǎng)絡人氣名人講師,...
雖然有一部分不太明白,不過你加的code和之前已有的不太一樣啊:
$(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
的部分,看起來還有自增的需求,自增你搞得定