JavaScript中为何数组形式DOM元素无法调用text()方法？

这个报错的核心原因很直白：你通过$cell[0]拿到的是原生DOM元素，而非jQuery对象，原生DOM元素并没有jQuery提供的.text()方法，所以才会抛出“text is not a function”的错误。

为什么会拿到原生DOM？ #

分两种常见情况来看：

• 如果你是用原生JS获取的元素（比如document.querySelectorAll('.cell')），那$cell本身就是类数组结构的NodeList集合，里面的每一项都是原生DOM节点，自然没有jQuery专属方法。
• 如果你是用jQuery获取的元素（比如$('.cell')），虽然$cell是jQuery对象，但用[]索引取值时，会直接返回对应位置的原生DOM元素，而非jQuery包装后的对象。

解决办法 #

根据你的使用场景，有几种可行的方案：

1. 用jQuery的.eq()方法（适用于$cell是jQuery对象的情况）

jQuery专门提供了.eq(index)方法来获取对应索引的jQuery对象，这样就能直接调用.text()了：

// 设置文本
$cell.eq(0).text('Title');
// 获取文本
let targetText = $cell.eq(2).text();

2. 把原生DOM重新包装成jQuery对象

不管$cell是原生集合还是jQuery对象，只要把$cell[0]用$()再包装一次，就能得到jQuery对象，进而调用.text()：

// 设置文本
$($cell[0]).text('Title');
// 获取文本
let targetText = $($cell[2]).text();

3. 直接使用原生DOM的文本操作方法

如果不想依赖jQuery，也可以用原生JS的API来操作文本：

// 设置文本
$cell[0].textContent = 'Title';
// 或者用innerText（注意两者的渲染差异）
$cell[0].innerText = 'Title';

// 获取文本
let targetText = $cell[2].textContent;

小提示 #

jQuery对象和原生DOM元素是不同的类型，它们的API不能混用。如果不确定当前变量类型，可以用console.log($cell[0])查看输出：如果是HTMLDivElement就是原生DOM，如果是jQuery.fn.init[1]这类标识就是jQuery对象。

内容的提问来源于stack exchange，提问作者amckee