jquery点击一行某个td,获取其他td的值
是个jquery的点击事件，点击删除后触发click，要获取前面两个td的内容。this是点击的按钮：vartds=$(this).parent().parent().c...
是个jquery的点击事件，点击删除后触发click，要获取前面两个td的内容。
this是点击的按钮：
var tds = $(this).parent().parent().children("td");得到的tds.length输出为0；
用aler($(this).parent().parent().children("td").eq(0).text())；输出为空。
这是为什么，这样不对么？
部分代码：
<tr> <td> item</td> <td>111</td> <td><input type="button" name="del" value="删除" /></td>
</tr>
刚刚用$(this).parent().parent().children("td").eq(1).text();就行了，不知道为什么？ 展开
this是点击的按钮：
var tds = $(this).parent().parent().children("td");得到的tds.length输出为0；
用aler($(this).parent().parent().children("td").eq(0).text())；输出为空。
这是为什么，这样不对么？
部分代码：
<tr> <td> item</td> <td>111</td> <td><input type="button" name="del" value="删除" /></td>
</tr>
刚刚用$(this).parent().parent().children("td").eq(1).text();就行了，不知道为什么？ 展开
5个回答
展开全部
jquery就不用children了吧，直接用：
alert($(this).parent().parent().find("td:eq(0)").text());
对了，你这个 $(this) 要确定是这个 input 哦。
$("input[name='del']").each(function(){
alert($(this).parent().parent().find("td:eq(0)").text());
})
// 那除非你的tr里面有隐藏的列，你可以使用
alert($(this).parent().parent().html());
// 看一下是不是 <tr><td></td><td>item</td><td>111</td><td><input /></td></tr>
alert($(this).parent().parent().find("td:eq(0)").text());
对了，你这个 $(this) 要确定是这个 input 哦。
$("input[name='del']").each(function(){
alert($(this).parent().parent().find("td:eq(0)").text());
})
// 那除非你的tr里面有隐藏的列，你可以使用
alert($(this).parent().parent().html());
// 看一下是不是 <tr><td></td><td>item</td><td>111</td><td><input /></td></tr>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
点击以下按钮就可以获取其他td的值:
var tds = $(this).parent().parent().children("td");得到的tds.length输出为0；
用aler($(this).parent().parent().children("td").eq(0).text())
部分代码：
<tr> <td> item</td> <td>111</td> <td><input type="button" name="del" value="删除" /></td>
</tr>
jQuery
jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。
jQuery的核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的css选择器，并且可对CSS选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器，如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
目测没问题；但是你找它父集的父集未免繁碎了点吧，而且你会把他自个也算进去；
<!doctype html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script language="JavaScript">
$(function(){
$('input[name="del"]').click(function(){
var tds=$(this).parent().prevAll();
alert(tds.length);
for(var i=0, l =tds.length; i < l; i++){
alert(tds.eq(i).html())
}
})
})
</script>
</head>
<body>
<table>
<tr>
<td>item</td>
<td>111</td>
<td><input type="button" name="del" value="删除" /></td>
</tr>
</table>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
试试 $(this).parent("tr").find("td").eq(0).text()
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
这样应该行了吧
<!DOCTYPE html>
<html>
<meta charset="gb2312" />
<head>
<script type="text/javascript" src="
<script>
$(document).ready(function(){
$("p").click(function(){
$(this).hide();
});
$("input").click(function(){
alert($(this).parent().prev().text());
});
});
</script>
</head>
<body>
<p>如果您点击我，我会消失。</p>
<table>
<tr>
<td> item</td>
<td>111</td>
<td><input type="button" name="del" value="clcik" /></td>
</tr>
</table>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
