js如何获取动态tr里的数据 现在有个列表,tr td 那种,下方有个div 我想点击每行后面的修改按钮 获取点击的这行的值赋值到这个div中。请问JS怎么处理? 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 希望对楼主有帮助!<html xmlns="http://www.w3.org/1999/xhtml"><head> <title></title> <script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script></head><body> <table> <tr> <td> aaaaa <input type="button" value="修改" /> <div style="background-color: Red;"> </div> </td> </tr> <tr> <td> bbbbb <input type="button" value="修改" /> <div style="background-color: Blue;"> </div> </td> </tr> </table></body></html><script> $(function () { //绑定修改按钮的点击事件 $("input[type='button']").bind("click", function () { //获取td的值 var zhi = $(this).parent().text(); //把值赋给下面的div $(this).next().html(zhi); //如果只想点击一次,就在执行点击事件后,卸载改事件 //$(this).unbind("click"); }); });</script> 根据id找到table对象,然后根据child属性获取tr以及tr中的child td <TABLE border="1"><TR> <TD>aaa</TD> <TD><INPUT TYPE="button" VALUE="按" ONCLICK="fun(this)"></TD></TR><TR> <TD>bbb</TD> <TD><INPUT TYPE="button" VALUE="按" ONCLICK="fun(this)"></TD></TR></TABLE><div id="log" style="width:100px; height:30px; border:1px solid red"></div> <SCRIPT LANGUAGE="JavaScript"> <!-- function fun(obj){ var logD = document.getElementById("log"); logD.innerHTML = obj.parentNode.previousSibling.innerHTML; } //--> </SCRIPT> 关于树形对象的深度的问题。 关于链接只允许点击一次的困惑,期待高手解答! ie8正常,ie6有错误,咋办? 我页面中的js为什么被IE限制显示? 如何屏蔽面面最小最大经和关闭? 播放音乐文件的问题,高手请赐教!!! 求助文字左右滚动代码 简单的jsp检测文本框是否空 再提交的代码 。需求~ 搜索引擎优化 JAVASCRIPT中如何使用控件组 请教关于document.getElementsByName的问题 innerHTML拼接字符串
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
</head>
<body>
<table>
<tr>
<td>
aaaaa
<input type="button" value="修改" />
<div style="background-color: Red;">
</div>
</td>
</tr>
<tr>
<td>
bbbbb
<input type="button" value="修改" />
<div style="background-color: Blue;">
</div>
</td>
</tr>
</table>
</body>
</html>
<script>
$(function () {
//绑定修改按钮的点击事件
$("input[type='button']").bind("click", function () {
//获取td的值
var zhi = $(this).parent().text();
//把值赋给下面的div
$(this).next().html(zhi);
//如果只想点击一次,就在执行点击事件后,卸载改事件
//$(this).unbind("click");
});
});
</script>
<TABLE border="1">
<TR>
<TD>aaa</TD>
<TD><INPUT TYPE="button" VALUE="按" ONCLICK="fun(this)"></TD>
</TR>
<TR>
<TD>bbb</TD>
<TD><INPUT TYPE="button" VALUE="按" ONCLICK="fun(this)"></TD>
</TR>
</TABLE>
<div id="log" style="width:100px; height:30px; border:1px solid red"></div>
<SCRIPT LANGUAGE="JavaScript">
<!--
function fun(obj){
var logD = document.getElementById("log");
logD.innerHTML = obj.parentNode.previousSibling.innerHTML;
}
//-->
</SCRIPT>