视频1 视频21 视频41 视频61 视频文章1 视频文章21 视频文章41 视频文章61 推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37 推荐39 推荐41 推荐43 推荐45 推荐47 推荐49 关键词1 关键词101 关键词201 关键词301 关键词401 关键词501 关键词601 关键词701 关键词801 关键词901 关键词1001 关键词1101 关键词1201 关键词1301 关键词1401 关键词1501 关键词1601 关键词1701 关键词1801 关键词1901 视频扩展1 视频扩展6 视频扩展11 视频扩展16 文章1 文章201 文章401 文章601 文章801 文章1001 资讯1 资讯501 资讯1001 资讯1501 标签1 标签501 标签1001 关键词1 关键词501 关键词1001 关键词1501 专题2001
jQuery偶数选择器(:even)的介绍
2020-11-27 20:19:07 责编:小采
文档
 jQuery的:even选择器用于匹配所有索引值为偶数的元素,将其封装为jQuery对象并返回。

与该选择器相对的是:odd选择器,用于匹配所有索引值为奇数的元素。

注意:由于索引值是从0开始计数的,因此索引为偶数的元素实际上是自然顺序为奇数的元素。

概述

匹配所有索引值为偶数的元素,从 0 开始计数

示例

描述:

查找表格的1、3、5...行(即索引值0、2、4...)

HTML 代码:

<table> 
<tr>
<td>Header 1</td>
</tr> 
<tr>
<td>Value 1</td>
</tr> 
<tr>
<td>Value 2</td>
</tr> 
</table>

jQuery 代码:

$("tr:even")

结果:

[ <tr><td>Header 1</td></tr>, <tr><td>Value 2</td></tr> ]

返回值

返回封装了匹配选择器selector的DOM元素中索引值为偶数的DOM元素的jQuery对象。

如果没有与选择器selector匹配的元素,则返回空的jQuery对象。

以下面这段HTML代码为例:

<div id="n1">
 <div id="n2">
 <ul id="n3">
 <li id="n4">item1</li>
 <li id="n5">item2</li>
 <li id="n6">item3</li>
 </ul>
 </div>
 <div id="n7">
 <table id="n8">
 <tr id="n9"><td>cell1</td></tr>
 <tr id="n10"><td>cell2</td></tr>
 <tr id="n11"><td>cell3</td></tr>
 </table>
 </div>
</div>

现在,我们想要查找自然顺序为奇数(索引值为偶数)的div标签,则可以编写如下jQuery代码:

// 选择了id分别为n1、n7的两个元素
$("div:even");

接着,查找表格中的所有奇数行(索引值为偶数),则可以编写如下jQuery代码:

// 选择了id分别为n9、n11的两个元素
$("tr:even");

结果:

下载本文
显示全文
专题