如何用jquery将table中的一个tr插入另一个tr下面呢 如标题,有人做过吗???? 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 你得先能得到你所说的这两个tr 比如一个id=tr1 一个id=tr2你可以 var $tr1 = $("#tr1");$tr1.insertAfter($('#tr2'));这样就在tr2后边插入了tr1 如果你还要再把tr1删除掉 那么再加一句$tr1.remove(); 具体是这样的,<table><tr id="editPhone"><input type="text" id="phone" style="display:none"></tr><tr>name</tr><tr id="showPhone">telphone</tr></table>现在我要修改telphone所以我想将phone 显示在showPhone那里不知道谁知道怎么做呢 可以使用old.after(new)函数 。 或者 $("#tr1").clone().insertAfter($("#tr2")).remove(); <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script><script type="text/javascript">function doit(f, t){ $("#tbl tr:nth-child(" + f + ")").insertAfter($("#tbl tr:nth-child(" + t + ")"));}</script><table id="tbl"> <tr><td>1</td></tr> <tr><td>2</td></tr> <tr><td>3</td></tr> <tr><td>4</td></tr></table><input type="button" onclick="doit(1, 3);" value="click"> 或者 $("#tr1").clone().insertAfter($("#tr2")).remove();楼上的没看懂 不能直接根据tr里面的Id来操作吗 就是用ID操作啊 你是想说你本来用那个SHOW显示内容 当点了修改时 把他变成一个INPUT 是吧 这两个里边的VALUE已经全部是要修改的内容 了你可以直接 就把下边的隐藏掉 把上边的那个显示出来不就得了 干什么要复制呢? <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script><script type="text/javascript">$(function(){ $("#tbl td").one("click", function(){ var v = this.innerHTML; $(this).html("<input value='" + v + "' onblur='this.parentNode.innerHTML=this.value'>"); });})</script><table id="tbl"><tr><td>name</td></tr><tr><td>telphone</td></tr></table> 改一下:<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script><script type="text/javascript">$(function(){ $("#tbl td").click(function(){ if($(this).find('input').size()!=0) return false; var v = this.innerHTML; $(this).html("<input value='" + v + "' onblur='this.parentNode.innerHTML=this.value'>"); });})</script><table id="tbl"><tr><td>name</td></tr><tr><td>telphone</td></tr></table> 嗯嗯,我刚试过了,其实直接用after就可以了,用Insertafter好像不行,没效果,谢谢大伙了,结贴咯 如何实现鼠标点击表格 返回所点击的那行的内容 客户端软件 能否重定向? 求 JS做1个标签处理程序!!基本页面已经有了!! 求一袖珍编辑器 在IE7下Iframe不能100%显示的问题 为什么不能向 文件输入框里设置 值 ?有什么解决的办法呢? 在JS脚本中,有没有键盘输入事件? 现有两个数组A与B,数组的结构与长度相同,根据需要删除A中某位置的值,同时删除数组B中相应位置的值。请问有什么好的方法吗? JS使DIV能垂直水平居中,但是加载是有问题,求解决!!! dropload手机端上拉加载两次数据的问题 为什么这里的this是window 而不是tmp对象 【分享】纯 JS 编写的贪吃蛇
var $tr1 = $("#tr1");
$tr1.insertAfter($('#tr2'));这样就在tr2后边插入了tr1 如果你还要再把tr1删除掉 那么
再加一句
$tr1.remove();
<tr id="editPhone">
<input type="text" id="phone" style="display:none">
</tr>
<tr>name</tr>
<tr id="showPhone">telphone</tr>
</table>现在我要修改telphone
所以我想将phone 显示在showPhone那里不知道谁知道怎么做呢
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript">
function doit(f, t){
$("#tbl tr:nth-child(" + f + ")").insertAfter($("#tbl tr:nth-child(" + t + ")"));
}
</script>
<table id="tbl">
<tr><td>1</td></tr>
<tr><td>2</td></tr>
<tr><td>3</td></tr>
<tr><td>4</td></tr>
</table>
<input type="button" onclick="doit(1, 3);" value="click">
就是用ID操作啊 你是想说你本来用那个SHOW显示内容 当点了修改时 把他变成一个INPUT 是吧 这两个里边的VALUE已经全部是要修改的内容 了你可以直接 就把下边的隐藏掉 把上边的那个显示出来不就得了 干什么要复制呢?
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$("#tbl td").one("click", function(){
var v = this.innerHTML;
$(this).html("<input value='" + v + "' onblur='this.parentNode.innerHTML=this.value'>");
});
})
</script>
<table id="tbl">
<tr><td>name</td></tr>
<tr><td>telphone</td></tr>
</table>
<script type="text/javascript">
$(function(){
$("#tbl td").click(function(){
if($(this).find('input').size()!=0) return false;
var v = this.innerHTML;
$(this).html("<input value='" + v + "' onblur='this.parentNode.innerHTML=this.value'>");
});
})
</script>
<table id="tbl">
<tr><td>name</td></tr>
<tr><td>telphone</td></tr>
</table>