jQuery 遍历 first() 方法

jQuery 参考手册 遍历jQuery 参考手册 遍历

first() 将匹配元素集合缩减为集合中的第一个元素。

 

1. 语法

.first()

如果给定一个表示 DOM 元素集合的 jQuery 对象,.first() 方法会用第一个匹配元素构造一个新的 jQuery 对象。

请思考下面这个带有简单列表的页面:

<ul>
  <li>list item 1</li>
  <li>list item 2</li>
  <li>list item 3</li>
  <li>list item 4</li>
  <li>list item 5</li>
</ul>

我们可以对这个列表项集合应用该方法:

$('li').first().css('background-color', 'red');

我要试一试

这次调用的结果是,第一个项目被设置为红色背景。

 

2. 范例

高亮显示段落中的第一个 span :

$("p span").first().addClass('highlight');

我要试一试

jQuery 参考手册 遍历jQuery 参考手册 遍历

has() 将匹配元素集合缩减为拥有匹配指定选择器或 DOM 元素的后代的子集。如果给定一个表示 DOM 元素集合的 jQuery 对象,.has() 方法用匹配元素的子集来构造一个新的 jQuery 对象。所使用的选择器用于检测匹配元素的后代;如果任何后代元素匹配该选择器,该元素将被包含在结果中。