javascript - 获取 jquery 数组中元素的文本

Question

我可以做这样的事情:

console.log($('.container .content').text());

但我不能做这样的事情:

console.log($('.container .content')[0].text());

我遇到了类型错误:$(...)[0].text is not a function 。为什么会出现这种情况？如何获取所选 jquery 数组中第一个元素的文本？

片段:

console.log($('.container .content').text());

<div class="container">
  <p class="content">
    Contents
  </p>
</div>
<div class="container">
  <p class="content">
    Contents
  </p>
</div>

Answer 1

$('.container .content')[0] 返回一个 DOM 对象，您不能在其上使用 .text() 等 jQuery 方法。

改为使用 console.log($('.container .content').eq(0).text());

或者

console.log($($('.container .content')[0]).text());// wrap jQuery wrapper and then use jQuery method `.text()`

或(使用 jQuery .first())。

console.log($('.container .content').first().text());