ホームページ > ウェブフロントエンド > jsチュートリアル > trとtdを操作するJQueryメソッド例 content_jquery

trとtdを操作するJQueryメソッド例 content_jquery

WBOY
リリース: 2016-05-16 17:40:58
オリジナル
1163 人が閲覧しました
コードをコピー コードは次のとおりです:

<html xmlns="http://www.w3.org/1999/xhtml"><br><head id=" Head1" runat="server"><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> $ ("#selEmployee").click(function () {<br> var $table = $("#tbProEmployee tr");<br> var len = $table.length;<br> var trid = "tbProEmployee" len ;<br> var strDeviceTr = "<tr id=" trid ">";<br> strDeviceTr = "<td ><input id="txtEmployeeInnerID" type="hidden" name="ProjectEmployee" value ="" "123" "" /><input id="txtInnerID" type="hidden" name="ProjectEmployee" value="" />";<br> strDeviceTr = "<label id=" txtEmployeeName">" "姓名" "</label></td>";<br> strDeviceTr = "<td><input id="txtRemark" type="text" name="ProjectEmployee" / ></td>";<br> strDeviceTr = "<td ><a href="javascript:;SaveProEmployee('" trid "')">保存</a> | <a href="javascript:;DelProEmployee('" trid "')">删除</a></td>";<br> strDeviceTr = " </tr>";<br> $ ("#tbProEmployee").append(strDeviceTr);<br> });<br> });<br> function SaveProEmployee(index) {<br> //ajax 保存<br> var tr = $("tr [id="index "]");<br> var 従業員 = tr.find("#txt従業員名").text();<br> var 備考 = tr.find("#txtRemark").val(); <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">" 従業員 "</label></td>";<br> strtd = "<td ><label id="txtRemark">" コメント "</label></td>";<br> strtd = "<td ><a href ="javascript:;UpdateProEmployee('" Index "')">修正</a> | <a href="javascript:;DelProEmployee('"index "')">删除</a></td>";<br> tr.html(strtd);<br> }<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>




< /PRE><br><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><br>
ログイン後にコピー
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のおすすめ
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート