使用索引从jQuery数组返回jQuery对象(而不是DOM)

Return jQuery object (instead of DOM) from jQuery array using index

本文关键字:jQuery DOM 返回 索引 数组 对象      更新时间:2023-09-26

我有一个<span>的jQuery数组,我想把它们中的一个作为jQuery对象,这样我就可以在它上面串其他方法。像$mySpans[2](它返回一个字符串)或$mySpans.get(2)(它直接返回DOM元素)。

我知道这将工作:

$($mySpans[2]).someJQueryMethod( ... );

…但这似乎有点多余。正确的做法是什么?

像这样:

$myspans.eq(2).method();

jsFiddle Demo

您将想要使用eq。请注意,它将返回该索引处的jQuery对象包装元素,因此如果只有一个匹配项,则应该使用0(随后2将返回集合的第三个)。

var $thirdMatch = $mySpans.eq(2);//== jQuery object with third match
var htmlElement = $thirdMatch[0];//== actual dom element
var matchedHtml = $thirdMatch.html();// call some jQuery API method

在存储jQuery对象时,出于可读性的考虑使用$variableName是常见的做法。