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

WBOY
풀어 주다: 2016-06-06 20:07:32
원래의
1305명이 탐색했습니다.

如题
dwz如何才能解决使用jQuery追加的表格行有原生table行的样式?

<code><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";
                $str+="<td>002";
                $str+="<td>003";   
                $str+="";
                $("#wtlb").append($str);
        });
       });
    </script></code>
로그인 후 복사
로그인 후 복사

回复内容:

如题
dwz如何才能解决使用jQuery追加的表格行有原生table行的样式?

<code><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";
                $str+="<td>002";
                $str+="<td>003";   
                $str+="";
                $("#wtlb").append($str);
        });
       });
    </script></code>
로그인 후 복사
로그인 후 복사

虽然有一部分不太明白,不过你加的code和之前已有的不太一样啊:

<code class="javascript">$(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);
    });
});</code>
로그인 후 복사

rel的部分,看起来还有自增的需求,自增你搞得定

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿