开发者社区> 问答> 正文

dwz使用jQuery追加表格,原有的行有相应的css样式,但是用jQuery追加的行没有样式

如题
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);
        });
       });

展开
收起
小旋风柴进 2016-06-01 09:15:34 3002 0
1 条回答
写回答
取消 提交回答
  • $(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的部分,看起来还有自增的需求,自增你搞得定

    2019-07-17 19:22:42
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
零基础CSS入门教程 立即下载
23-Vue.js在前端...1506518547.pdf 立即下载
Javascript中的对象 立即下载