jquery操作table的tr td,并且获得td中的值?

时间:2022-09-16 23:01:16
<table border=1 id=paramTable>
<tr>
<td width=100>
参数名称
</td>
<td width=100>
对应列号
</td>
<td width=60>
是否删除
</td>
</tr>
<tr>
<td>
name
</td>
<td>
1
</td>
<td>
删除
</td>
</tr>
 
因为这个tr需要动态增加和删除,并且获得td中的值
跪求

16 个解决方案

#1


要用jquery来操作,谢谢
jquery

#2


用 $("#list").append() 输出 ,

#3



<script src="js/jquery-1.3.2.js" type="text/javascript"> </script> 
<script type="text/javascript"> 
function addit(){
var n = $("#paramTable tr:last td").eq(1).html();
if(isNaN(n)) n = 1;
else n++;
$("#paramTable").append("<tr><td>name</td><td>" + n + "</td><td onclick='delit(this);'>删除</td></tr>")
}
function delit(obj){
$(obj).parent().remove();
}
</script>
<input type="button" onclick="addit()" value="添加">
<table border=1 id="paramTable"> 
<tr> 
<td width=100> 
参数名称 
</td> 
<td width=100> 
对应列号 
</td> 
<td width=60> 
是否删除 
</td> 
</tr> 
<tr> 
<td>name</td> 
<td>1</td> 
<td onclick="delit(this);">删除</td> 
</tr> 
</table>

#4


引用 3 楼 hookee 的回复:
HTML code<scriptsrc="js/jquery-1.3.2.js" type="text/javascript"></script><scripttype="text/javascript">function addit(){var n= $("#paramTable tr:last td").eq(1).html();if(isNaN(n)) n=1;else n++;
    $¡­

大哥,能从obj这对象中多的对应td内容吗?
我在删除那tr的时候想获得td中的值。。。
怎么从obj中获得?
$("obj td").eq(1).html();这样肯定不行的
obj是啥对象?

#5


obj 就是td了,试试看
$(obj).prev().html();

#6


您这js的这种table节点从哪里系统的学到的?
有啥好介绍的吗?

#7


<script>
    $(document).ready(function(){
      $("#paramTable td").each(function(){
                     alert($(this).html());
});
   
});
</script>

#8


引用 5 楼 hookee 的回复:
obj 就是td了,试试看
$(obj).prev().html();

$(obj).parent().remove();
这个意思就是td的父节点是tr,由tr把它里面的所以子节点都删除是吧

#9


    mark .........

#10


jquery操作table的tr td,并且获得td中的值?

#11


table 的动态添加与删除很实用

#12


写的不错

#13


写的不错

#14


该回复于2011-11-07 16:42:57被版主删除

#15


alert();alert();

#16


table 的动态添加与删除很实用

#1


要用jquery来操作,谢谢
jquery

#2


用 $("#list").append() 输出 ,

#3



<script src="js/jquery-1.3.2.js" type="text/javascript"> </script> 
<script type="text/javascript"> 
function addit(){
var n = $("#paramTable tr:last td").eq(1).html();
if(isNaN(n)) n = 1;
else n++;
$("#paramTable").append("<tr><td>name</td><td>" + n + "</td><td onclick='delit(this);'>删除</td></tr>")
}
function delit(obj){
$(obj).parent().remove();
}
</script>
<input type="button" onclick="addit()" value="添加">
<table border=1 id="paramTable"> 
<tr> 
<td width=100> 
参数名称 
</td> 
<td width=100> 
对应列号 
</td> 
<td width=60> 
是否删除 
</td> 
</tr> 
<tr> 
<td>name</td> 
<td>1</td> 
<td onclick="delit(this);">删除</td> 
</tr> 
</table>

#4


引用 3 楼 hookee 的回复:
HTML code<scriptsrc="js/jquery-1.3.2.js" type="text/javascript"></script><scripttype="text/javascript">function addit(){var n= $("#paramTable tr:last td").eq(1).html();if(isNaN(n)) n=1;else n++;
    $¡­

大哥,能从obj这对象中多的对应td内容吗?
我在删除那tr的时候想获得td中的值。。。
怎么从obj中获得?
$("obj td").eq(1).html();这样肯定不行的
obj是啥对象?

#5


obj 就是td了,试试看
$(obj).prev().html();

#6


您这js的这种table节点从哪里系统的学到的?
有啥好介绍的吗?

#7


<script>
    $(document).ready(function(){
      $("#paramTable td").each(function(){
                     alert($(this).html());
});
   
});
</script>

#8


引用 5 楼 hookee 的回复:
obj 就是td了,试试看
$(obj).prev().html();

$(obj).parent().remove();
这个意思就是td的父节点是tr,由tr把它里面的所以子节点都删除是吧

#9


    mark .........

#10


jquery操作table的tr td,并且获得td中的值?

#11


table 的动态添加与删除很实用

#12


写的不错

#13


写的不错

#14


该回复于2011-11-07 16:42:57被版主删除

#15


alert();alert();

#16


table 的动态添加与删除很实用