代码改变世界

jquery选择器返回数组处理

  youxin  阅读(6101)  评论(0编辑  收藏  举报

有很多类名为classNameEvent的元素。

var eventArr=$(".eventNameClass");
console.log(eventArr);
console.log('eventArr '+eventArr[0].text());
eventArr[0].click(function(){ });

以为$返回的是一个数组,eventArr[0]是第1个元素(jquery),谁知报错:

eventArr[0] htmlObject 没有方法text();

说明eventArr[0]已经变成了dom元素,要想使用text方法,必须重新包装.

$(eventArr[0]).text();

 $(dom).toArray()将所有DOM元素恢复成数组[不常用]

解释: 把jQuery集合中所有DOM元素恢复成一个数组。并不常用的方法, 个人甚至觉得它和$.makeArray一样多余.

  1. var _toArr=$('h2').toArray();  
  2. alert('h2元素集合恢复后的数据类型是: '+_toArr.constructor.name); 

JQUERY判断对象是否存在,我们用js判断dom是否存在直接:

if( document.getElementById("wrap") )

就能获取,但是如果是jquery就不能直接用:

if( jQuery('wrap') )

因为jquery选择器返回的永远是一个数组对象,若未找到指定元素,就会返回一个空的数组对象,所以判断dom是否存在就用绕一点弯:

if( jQuery('wrap').length > 0 )

 

编辑推荐:
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
阅读排行:
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· winform 绘制太阳,地球,月球 运作规律
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 上周热点回顾(3.3-3.9)
· 超详细:普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
历史上的今天:
2012-03-18 c++ string::size详解
2012-03-18 fatal error LNK1120: 1 个无法解析的外部命令
点击右上角即可分享
微信分享提示