在jQuery中,$("…").get(3)返回第3个DOM元素。返回第三个jQuery元素的函数是什么?


当前回答

对于迭代来说,使用选择器似乎没有任何意义:

var some = $( '...' );

for( i = some.length -1; i>=0; --i )
{
   // Have to transform in a jquery object again:
   //
   var item = $( some[ i ] );

   // use item at will
   // ...
}

其他回答

为什么不先浏览(短)选择器页面呢?

这里是:eq()运算符。它像get()一样使用,但它返回jQuery对象。

或者你也可以使用.eq()函数。

我想你可以用这个

$("ul li:nth-child(2)").append("<span> - 2nd!</span>");

它在每个匹配的ul中找到第二个li并记录下来。

如果你已经在一个变量中有jquery对象,你也可以把它当作一个普通的索引数组,而不使用jquery:

var all_rows = $("tr");
for(var i=0; i < all_rows.length; i++){
   var row = all_rows[i];
   //additionally, you can use it again in a jquery selector
   $(row).css("background-color","black");
}

虽然上面的例子在任何方面都没有用处,但它代表了如何将jquery创建的对象视为索引数组。

.eq() -表示元素从0开始的位置的整数。

Ex:

考虑一个页面上有一个简单的列表:

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

我们可以将此方法应用于列表项的集合:

$( "li" ).eq( 2 ).css( "background-color", "red" );

更多信息:.eq()

如果你想在循环中获取特定的元素/节点或标签。

<p class="weekday" data-today="monday">Monday</p>
<p class="weekday" data-today="tuesday">Tuesday</p>
<p class="weekday" data-today="wednesday">Wednesday</p>
<p class="weekday" data-today="thursday">Thursday</p>

因此,从上面的代码循环执行,我们想要选择特定的字段,我们必须使用jQuery选择,只能选择期望元素从上面的循环,所以,代码将

$('.weekdays:eq(n)');

e.g.

$('.weekdays:eq(0)');

以及其他方法

$('.weekday').find('p').first('.weekdays').next()/last()/prev();

但是当HTML <标签>有唯一的类名时,第一个方法更有效。

注意:当目标元素或节点中没有类名时使用第二种方法。

更多信息请关注https://api.jquery.com/eq/