Javascript 如何在选择器集合中获取jQuery项

Javascript 如何在选择器集合中获取jQuery项,javascript,jquery,Javascript,Jquery,我想访问阵列中的选择器: <ul> <li class="elem">A</li> <li class="elem">B</li> <li class="elem">C</li> </ul> var $elems = $('li.elem'); console.log($elems[1].text()); /* jQuery method call */ A B C 变量$elem

我想访问阵列中的选择器:

<ul>
  <li class="elem">A</li>
  <li class="elem">B</li>
  <li class="elem">C</li>
</ul>

var $elems = $('li.elem');
console.log($elems[1].text()); /* jQuery method call */
  • A
  • B
  • C
变量$elems=$('li.elem'); console.log($elems[1].text());/*jQuery方法调用*/
我知道有
get()
方法,但它似乎是se
[]
操作符的一个实现。 那么,访问jQuery数组中的项的最佳方式是什么

我们是否应该执行类似于
$($elems[1]).text()之类的操作?

使用方法获取文本

使用方法获取文本


您可以使用以下方法简单地执行此操作:


由于eq()是基于零的索引,因此eq(0)将为您提供集合中的第一个li。

您只需使用以下方法:

由于eq()是基于零的索引,因此eq(0)将为您提供集合中的第一个li。

您可以使用

您应该注意,
get()
返回一个DOM元素,而
eq()
返回一个jQuery对象。

您可以使用


您应该注意,
get()
返回一个DOM元素,而
eq()
返回一个jQuery对象

// jQuery Method call 
console.log( $($elems[1] ).text() ); 
console.log( $elems.filter(':eq(1)').text() );
console.log( $elems.eq(1).text() );

//native method
console.log( $elems[1].innerHTML );

所有打印的结果相同

您可以尝试以下方法

// jQuery Method call 
console.log( $($elems[1] ).text() ); 
console.log( $elems.filter(':eq(1)').text() );
console.log( $elems.eq(1).text() );

//native method
console.log( $elems[1].innerHTML );

所有打印出相同的结果

@elclanrs谢谢这是我一直在寻找的方法,也许你可以作为答案回答,这样我就可以验证它了。再次感谢!看,您用
elam
选择了,但您将类“elam”赋予
li
elements@elclanrs谢谢,这是我一直在寻找的方法,也许你可以回答,这样我就可以验证它。再次感谢!看,您使用
elam
进行选择,但您将类“elam”赋予
li
元素
$(document).ready(function(){
  var $elems = $('li.elems');
  console.log( $elems.eq(1).text() );
});
// jQuery Method call 
console.log( $($elems[1] ).text() ); 
console.log( $elems.filter(':eq(1)').text() );
console.log( $elems.eq(1).text() );

//native method
console.log( $elems[1].innerHTML );