首頁 > web前端 > js教程 > JQuery操作tr和td內容的方法實例_jquery

JQuery操作tr和td內容的方法實例_jquery

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
發布: 2016-05-16 17:40:58
原創
1200 人瀏覽過
複製程式碼 程式碼如下:

<html xmlns="http://www.w3.org/1999/xhtml"><BR><head id="Head1" runat="伺服器"><BR>    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><BR>    <link href="../ esstec_css/style.css" type=" text/css" rel="stylesheet" media="all" /><BR>    <link href="../esstec_css/style.nk.css" rel="stylesheet" type="text/css" /><BR>    <script src="../js/jquery-1.7.2.min.js" type="text/javascript"></script><BR>    <link href="../esstec_css/Default.css " rel="stylesheet" type="text/css" /><BR>    <link href="../esstec_css/BMS-Form.css" rel="stylesheet" type="text/css" /><BR>    <script type="text/javascript"><BR>        $(document).ready(function () {<BR>                 var $table = $ (“ #tbproemployee tr”);<BR>var len = $ table.length;<BR>var trid =“ tbproemployeee” len;<BR>var strdevicetr =“ <tr id =” <tr id =“ trid”> “ strDeviceTr = "<td ><input id="txtEmployeeInnerID" type="hidden" name="ProjectEmployee" 值="" "123" "" /><input id="txtInnerID" type="hidden" name=" ProjectEmployee " value="" />";<BR>                strDeviceTr = "<label id=" txtEmployeeName  strDeviceTr = "<td><輸入id ="txtRemark" type="text" name="ProjectEmployee" /></td>";<BR>               儲存</a> | <a href="javascript:;DelProEmployee('" trid "')">刪除</a></td>";<BR>                ProEmployee" ).append(strDeviceTr);<BR>            });<BR>        });<      //ajax保存<BR>            var tr = $(" t [id="index " "]");<BR>            varEmployee = tr.find("#txtEmployeeName").text();<BR>              var strtd = "<td><input id="txtEmployeeInnerID" type="hidden" name="ProjectEmployee" value="" "123" "" /><input id="txtInnerID" 類型="hidden" name="ProjectEmployee"值=""/>";<BR>            strtd = "<label id="txtEmployeeName">""</label></td>";<BR>  >" 備註"</label></td>";<BR>            strtd = "<td ><a href ="javascript:;UpdateProEmployee('" index "')">修改</a>; | <a href="javascript:;DelProEmployee('" index "')">刪除</a></td>";<BR>            tr.html(strtd   <BR>        function UpdateProEmployee(index) {<BR>            //ajax保存<BR>            var tr = $("tr[id=" + index + "]");<BR>            var employee = tr.find("#txtEmployeeName").text();<BR>            var remark = tr.find("#txtRemark").text();<BR>            var strtd = "<td><input id=\"txtEmployeeInnerID\" type=\"hidden\" name=\"ProjectEmployee\" value=\"" + "123" + "\" /><input id=\"txtInnerID\" type=\"hidden\" name=\"ProjectEmployee\" value=\"\" />";<BR>            strtd += "<label id=\"txtEmployeeName\">" + employee + "</label></td>";<BR>            strtd += "<td><input id=\"txtRemark\" type=\"text\" name=\"ProjectEmployee\" value=\"" + remark + "\" /></td>";<BR>            strtd += "<td ><a href=\"javascript:;SaveProEmployee('" + index + "')\">保存</a> | <a href=\"javascript:;DelProEmployee('" + index + "')\">删除</a></td>";<BR>            tr.html(strtd);<BR>        }<BR>        function DelProEmployee(index) {<BR>            if (confirm("Are you sure?")) {<BR>                $("tr[id=" + index + "]").remove();<BR>            }<BR>        }<BR>    </script><BR></head><BR><body><BR>    <form id="form1" runat="server"><BR>    <div class="snippet download-list"><BR>        <table class="telerik-reTable-2" id="tbProEmployee"><BR>            <tbody><BR>                <tr><BR>                    <th colspan="3"><BR>                        [<a id="selEmployee" href="javascript:void(0)">执行人员</a>]<BR>                    </th><BR>                </tr><BR>                <tr><BR>                    <th><BR>                        姓名<BR>                    </th><BR>                    <th><BR>                        备注<BR>                    </th><BR>                    <th><BR>                        操作<BR>                    </th><BR>                </tr><BR>            </tbody><BR>        </table><BR>    </div><BR>    </form><BR></body><BR></html>
登入後複製




登入後複製


相關標籤:
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
引入jQuery 文件
來自於 1970-01-01 08:00:00
0
0
0
jquery筆記哪裡有下?
來自於 1970-01-01 08:00:00
0
0
0
javascript - vue+webpack怎麼引入jquery
來自於 1970-01-01 08:00:00
0
0
0
php+jquery的問題
來自於 1970-01-01 08:00:00
0
0
0
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板