使用jQuery获取表格内容、:nth-child() 选择器用法

小灰灰 2021-09-26 15:44 344阅读 0赞

<table border="1">
    		<thead>
    			<tr>
    				<th>月份</th>
    				<th>甲</th>
    				<th>乙</th>
    				<th>丙</th>
    			</tr>
    		</thead>
    
    		<tfoot>
    			<tr>
    				<td>Sum</td>
    				<td>$180</td>
    				<td>$230</td>
    				<td>$250</td>
    			</tr>
    		</tfoot>
    
    		<tbody id="baseTable">
    			<tr>
    				<td>January</td>
    				<td>$100</td>
    				<td>$110</td>
    				<td>$120</td>
    			</tr>
    			<tr>
    				<td>February</td>
    				<td>$80</td>
    				<td>$120</td>
    				<td>$130</td>
    			</tr>
    		</tbody>
    	</table>

<script type="text/javascript">
    	$(document).ready(function() { 
    		$("#baseTable tr td:nth-child(2)").each(function() {
    	    	console.log("#baseTable tr td:nth-child(2)：-->"+$(this).text());
    		});
    	});
    			
    	</script>

![70][]

![70 1][]

**jQuery ****:nth-child()**** 选择器**

**:nth-child(n) 选择器选取属于其父元素的不限类型的第 n 个子元素的所有元素。**

**参考：****http://janily.github.io/life/2013/09/25/table/**

[70]: /images/20210923/6dbe499ff0794314b408cb30c5b7f717.png
[70 1]: /images/20210923/48d1b3879e544b30ab3fceb8777f2b7d.png

发表评论取消回复

表情：

评论列表（有 0 条评论，344人围观）

还没有评论，来说两句吧...

相关阅读

相关【jQuery】第四课——掌握jQuery选择器的使用，会使用jQuery选择器获取元素

*知识点：**了解jQuery选择器的基本概念及优势、能够使用不同的jQuery选择器选取元素，比如基本选择器、层次选择器、属性选择器、基本过滤选择器、可见性过滤选择器的...

系统管理员/ 2024年04月18日 07:00/ 0 赞/ 81 阅读

相关 JQuery 内容过滤选择器

HTML页面结构: <body> <a id="a1">contains(text)</a> <a id="a2">empty</a>

一时失言乱红尘/ 2024年02月17日 18:09/ 0 赞/ 79 阅读

相关 jQuery选择器、jQuery关系选择器、jQuery伪选择器

一、jQuery选择器 1、父元素(向上遍历单一层级)：parent() 2、祖先元素：parents(selector) 3、子元素(向下遍历单一层级)：child

本是古典何须时尚/ 2023年10月07日 11:58/ 0 赞/ 50 阅读

相关 jquery选择器、属性设置用法

本人是一名小白，应届毕业生，以前没用过jquery，最近做项目用到了jquery。在做的过程中走了很多弯路，不停的搜索。总结出了一些用法，供大家参考：最基本的选择器语法包括

深碍√TFBOYSˉ_/ 2023年01月09日 01:09/ 0 赞/ 120 阅读

相关 jQuery table selector jquey 表格选择器

jQuery("\recommandVideoTitle").html(jQuery("\video table tr:nth-child(3)").children("td:

系统管理员/ 2022年07月12日 13:45/ 0 赞/ 170 阅读

相关 jQuery选择器获取元素

1、遍历tr中所有td中的内容 // 遍历 tr $('tab tr').each(function(i){

柔光的暖阳◎/ 2022年05月24日 09:11/ 0 赞/ 289 阅读

相关 jQuery内容选择器

jQuery的内容选选择器一共有四个，分别是： :empty :parent :contains(text) :has(selector) 代码如下

灰太狼/ 2022年03月14日 12:06/ 0 赞/ 211 阅读

相关 jQuery的内容选择器

JQuery中的内容选择器 JQuery中的内容选择器有四个： :contains(text) 匹配包含给定文本的元素 :empty 匹配所有不包

我不是女神ヾ/ 2021年12月05日 16:34/ 0 赞/ 376 阅读

相关使用jQuery获取表格内容、:nth-child() 选择器用法

<table border="1"> <thead> <tr> <th>月份</th> <th>甲</th>

小灰灰/ 2021年09月26日 15:44/ 0 赞/ 345 阅读

相关 jQuery--过滤选择器（简单过滤选择器、内容过滤选择器）详解

过滤选择器基本选择器和层次选择器可以满足大部分页面元素的选取需求。在jQuery中还提供了功能更加强大的过滤选择器，根据特定的过滤规则来筛选出所有需要的页面元素。过滤选

绝地灬酷狼/ 2021年08月13日 23:46/ 0 赞/ 564 阅读