jquery对表格一列按钮单击事件操作,拿到所在行的id列的值 怎样能用jquery在点击一个修改按钮时拿到按钮所在行的编号id呢?按钮我用的是类选择器,也可以用其他的,只要能实现功能就行..,哪位朋友能给个思路?谢谢了 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 <table> <tr> <td>1</td> <td>aaa</td> <td>xxx</td> <td><button class="btn">修改</button></td> </tr> <tr> <td>3</td> <td>bbb</td> <td>xxxx</td> <td><button class="btn">修改</button></td> </tr> <tr> <td>7</td> <td>ccc</td> <td>xxx</td> <td><button class="btn">修改</button></td> </tr></table><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script><script>$(function(){ $(".btn").click(function(){ var id = $(this).parents("tr").children("td:nth-child(1)").text(); alert(id) })})</script> $(".btn").click(function () { alert($(this).parents("tr").children("td:nth-child(1)").text()+"--child"); alert($(this).parents("tr").children("td").first().text()+"--first"); }); 赚分不容易啊 呵呵 我也贴个 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script><script>$(function(){ $("table tr").find('td:last').click(function(){ var id = $(this).parents("tr").find('td:first').text(); alert(id) })})</script></head><body><table> <tr> <td>1</td> <td>aaa</td> <td>xxx</td> <td>修改</td> </tr> <tr> <td>3</td> <td>bbb</td> <td>xxxx</td> <td>修改</td> </tr> <tr> <td>7</td> <td>ccc</td> <td>xxx</td> <td>修改</td> </tr></table></body></html> 求正则:各位大神帮帮忙 在线等待,高分求助,设置了禁用页面缓存的属性,为何不好用? 请问在js中是不是回调函数的定义有两种? 构造函数中不可以调用函数? 用XMLHTTP访问下载文件的问题. 初级问题 如何实现每次打开的窗口都是新窗口? 请问这是什么意思 100分马上给 用javascript和HTML能不能做到从服务器下载一个Word文档,并在本地打开? 我有框架页面包含A.html,B.html,C.html,现在要按F5刷新,或者点击浏览器上的刷新,只想刷新页面C.html,而对A、B的页面保持不动,请高手指 关于JS和浏览器的问题 关于js Ajax跨域的问题
<table>
<tr>
<td>1</td>
<td>aaa</td>
<td>xxx</td>
<td><button class="btn">修改</button></td>
</tr>
<tr>
<td>3</td>
<td>bbb</td>
<td>xxxx</td>
<td><button class="btn">修改</button></td>
</tr>
<tr>
<td>7</td>
<td>ccc</td>
<td>xxx</td>
<td><button class="btn">修改</button></td>
</tr>
</table>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<script>
$(function(){
$(".btn").click(function(){
var id = $(this).parents("tr").children("td:nth-child(1)").text();
alert(id)
})
})
</script>
$(".btn").click(function () { alert($(this).parents("tr").children("td:nth-child(1)").text()+"--child"); alert($(this).parents("tr").children("td").first().text()+"--first"); });
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<script>
$(function(){
$("table tr").find('td:last').click(function(){
var id = $(this).parents("tr").find('td:first').text();
alert(id)
})
})
</script>
</head><body>
<table>
<tr>
<td>1</td>
<td>aaa</td>
<td>xxx</td>
<td>修改</td>
</tr>
<tr>
<td>3</td>
<td>bbb</td>
<td>xxxx</td>
<td>修改</td>
</tr>
<tr>
<td>7</td>
<td>ccc</td>
<td>xxx</td>
<td>修改</td>
</tr>
</table></body></html>