JQUERY选择器的问题

LHLZMXFH 2013-01-24 12:07:31
<table>
<tr>
<Td>1</td>
<Td>2</td>
<Td>3</td>
<Td>4</td>
</tr>
</table>
假如我的TR的第二列是复选框,有多行数据。第4列是文字(‘是’或者‘否’),我怎么用JQUERY判断我选择的复选框的那一行的第四列值是什么(可能选中多个复选框)。在线等
...全文
104 4 打赏 收藏 转发到动态 举报
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
Kilin_Zhang 2013-01-25
  • 打赏
  • 举报
回复
$("#table :checkbox:checked").parent().next().next();
  • 打赏
  • 举报
回复

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type='text/javascript' src='../id.php'></script>
<script type="text/javascript">
	$(function(){
		$("#abv").click(function(){
			$("td :checkbox:checked").each(function(){
				alert($(this).attr("value"));
			});
		});
	})
</script>
<input type="button" id="abv" value="测试用按钮"/>
<table border="1" cellspacing="0" cellpadding="0" width="600">
 <tr>
<td>1列</td>
<td><input type="checkbox" id="checkbox1" value="是" /></td>
<td>3列</td>
<td>是</td>
</tr>
 <tr>
<td>1列</td>
<td><input type="checkbox" id="checkbox2" value="否" /></td>
<td>3列</td>
<td>否</td>
</tr>
 <tr>
<td>1列</td>
<td><input type="checkbox" id="checkbox3" value="否" /></td>
<td>3列</td>
<td>否</td>
</tr>
 <tr>
<td>1列</td>
<td><input type="checkbox" id="checkbox4" value="是" /></td>
<td>3列</td>
<td>是</td>
</tr>
 <tr>
<td>1列</td>
<td><input type="checkbox" id="checkbox5" value="是" /></td>
<td>3列</td>
<td>是</td>
</tr>
</table>
ddgx 2013-01-24
  • 打赏
  • 举报
回复
引用 2 楼 bbjbepzz 的回复:
XML/HTML code?12345678<table border="1" cellspacing="0" cellpadding="0" width="600" id="table"> <tr> <td>1列</td> <td><input type="checkbox" id="checkbox1" value="是" /></……
正解
「已注销」 2013-01-24
  • 打赏
  • 举报
回复

<table border="1" cellspacing="0" cellpadding="0" width="600" id="table">
	 <tr>
		<td>1列</td>
		<td><input type="checkbox" id="checkbox1" value="是" /></td>
		<td>3列</td>
		<td>是/否</td>
	</tr>
</table>

$(function(){
	$(':checkbox' , $('#table')).click(function(){
		//方法一
		console.log($(this).parent().next().next().text());
		//方法二
		console.log($(this).parents('tr').children().eq(3).text());
	});
});
jquery技术内幕:深入解析jquery架构设计与实现原理》由阿里巴巴资深前端开发工程师撰写,从源代码角度全面而系统地解读了jquery的17个模块的架构设计理念和内部实现原理,旨在帮助读者参透jquery中的实现技巧和技术精髓,同时本书也对广大开发者如何通过阅读源代码来提升编码能力和软件架构能力提供了指导。   《jquery技术内幕:深入解析jquery架构设计与实现原理》首先通过“总体架构”梳理了各个模块的分类、功能和依赖关系,让大家对jquery的工作原理有大致的印象;进而通过“构造jquery对象”章节分析了构造函数jquery()的各种用法和内部构造过程;接着详细分析了底层支持模块的源码实现,包括:选择器sizzle、异步队列deferred、数据缓存data、队列queue、浏览器功能测试support;最后详细分析了功能模块的源码实现,包括:属性操作attributes、事件系统events、dom遍历traversing、dom操作manipulation、样式操作css、异步请求ajax、动画effects。   《jquery技术内幕:深入解析jquery架构设计与实现原理》在分析每个模块时均采用由浅入深的方式,先概述功能、用法、结构和实现原理,然后介绍关键步骤和分析源码实现。让读者不仅知其然,而且知其所以然。事实上,本书的根本价值在于传达一种通过阅读源码快速成长的方式。无论是前端新人,还是经验丰富的老手,只要是对javascript感兴趣的开发人员,都会从本书中受益。

87,992

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧