获取selector中的第一个和最后一个对象

Get first and last object in selector

本文关键字：最后 一个对象 第一个 selector 获取      更新时间：2023-09-26

我的例子:

<div id="main">
    <div class="here" id="dsf">a</div>
    <div class="no" id="sdf">b</div>
    <div class="here" id="sdfsdf">c</div>
    <div class="here" id="dssdf">d</div>
    <div class="no" id="ds3f">e</div>
    <div class="here" id="ds4f">f7</div>
    <div class="no" id="tert4">b8</div>
    <div class="no" id="r4tt4">5c</div>
    <div class="here" id="ert4">d4</div>
    <div class="no" id="fdgd4">e3</div>
    <div class="here" id="fghf3">2f</div>
</div>

var rand = Math.floor((Math.random() * 10) + 1);
if(rand > 5){
    var here = $('div div.here');
} else {
    var here = $('div div.no');
}
console.log(here);

如何从"这里"获得第一个和最后一个元素?我想知道这些元素的ID

小提琴:http://jsfiddle.net/5BfPL/2/

您可以使用jQuerys .first()和.last()。

.first():将匹配的元素集合约简为集合中的最后一个。
.last():将匹配的元素集合缩减到集合中的第一个。

对于那些，您可以选择检索元素。然后你可以使用.prop()或.attr()(取决于你的jQuery版本)来获得id。

例子::

var firstElement = $('div div.here').first().prop('id');
var lastElement = $('div div.here').last().prop('id');

JsFiddle

更新

根据您在评论中的请求，您可以使用.eq()

获得第3个元素。

.eq():将匹配的元素集缩减为指定索引处的元素集。

的例子:

var thirdElement= $('div div.here').eq(2); // the parameter is 0-based.

相关文章：