jquery的replaceWith用法求详解，代码改善-JavaSript-爱易网页

jquery的replaceWith用法求详解，代码改善

日期：2014-05-16　浏览次数：20393 次

jquery的replaceWith用法求详解，代码改进！
我增加的行中有多个input select,希望在删除时能保持内容不变，可是在replaceWith时遇到问题！
如何能简洁的更新相关的id,name,value?

以下是重点代码



//删除<tr/>

    var deltr =function(index)

    {

        var _len = $("#tab tr").length;

       $("tr[id='"+index+"']").remove();//删除当前行

        for(var i=index+1,j=_len;i<j;i++)

        {

           //var nextTxtVal = $("#desc"+i).val();

		   var nextTxtVal = $("#desc"+i).html();

		   var nextIndex = $("#desc"+i).get(0).selectedIndex; 

           $("tr[id=\'"+i+"\']")

               .replaceWith("<tr id="+(i-1)+" align='center'>"

                               +"<td>"+(i-1)+"</td>"

                               +"<td><select name=ColorName"+(i-1)+" id='desc"+(i-1)+"' style=width:auto;>"+nextTxtVal+"</select></td>"

                               +"<td><a href=\'#\' onclick=\'deltr("+(i-1)+")\'>删除</a></td>"

                           +"</tr>");

			   $("#desc"+(i-1)).get(0).selectedIndex = nextIndex; //index为索引值

       }

以下是全文代码





<!-- include file="public/isuser.asp" -->



<html>

<head>

<link href="style.css" rel="stylesheet" type="text/css" media="all" />

<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>

<title></title>

<script>

    $(document).ready(function(){

        //<tr/>居中

        $("#tab tr").attr("align","center");

       

       //增加<tr/>

      $("#but").click(function(){

          var _len = $("#tab tr").length; 

		  //alert(_len);       

           $("#tab").append("<tr id="+_len+" align='center'>"

                               +"<td>"+_len+"</td>"

    &

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

jquery的replaceWith用法求详解，代码改善

相关资料更多>

推荐阅读更多>