使用索引从jQuery数组返回jQuery对象(而不是DOM)
Return jQuery object (instead of DOM) from jQuery array using index
我有一个<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
是常见的做法。
相关文章:
- php:打印javascript/jquery dom就绪
- 表单中的 jQuery DOM 不会在 for 循环中更新
- 迭代 coffeescript 中的 jQuery DOM 元素: $(@).捷径
- 向一个jQuery/DOM元素添加一个函数
- jQuery DOM就绪,JavaScript执行
- 即使使用jQuery DOM就绪事件,也无法调用null的方法addEventListener()
- jQuery DOM遍历子菜单子菜单
- Javascript 和 JQuery dom 全局变量范围
- Jquery DOM Manipulation Somenthing比这更好
- 尝试在不使用 jQuery dom ready 函数的情况下传入变量
- jQuery DOM 遍历而不重新加载页面
- 简化 jQuery DOM 请求
- jQuery DOM Insertion with variable insert-method
- 如何对jQuery“DOM”类进行原型设计
- jquery dom insert and selector
- Google Maps API v3 选择信息窗口作为 jquery DOM 对象
- AngularJS 指令和 jQuery DOM 事件绑定
- 选中复选框的 Jquery DOM 设置适用于真而不是假
- HTML DOM和jQuery DOM放在一行中
- 如何处理失败的JQuery DOM转换