Jquery .text() 函数行为

Question

我有这个 html 片段:

<div clas="some-div">
  <span class="same-class">text 1</span>
  <span class="same-class">text 2</span>
</div>

我想将 text1 和 text2 提取到两个不同的变量中。

var allText = $('.same-class').text(); //gives text 1text2
var t1 = $('.same-class')[0].text(); //gives error

.text() 函数的行为如何？

Answer 1

您必须使用.eq()为此，

var t1 = $('.same-class').eq(0).text(); 

如果您使用括号表示法根据索引访问元素，那么将返回一个普通的 node 对象。并且其原型(prototype)中不会包含名为 text 的函数。

如果您仍然想使用括号表示法，那么就这样做，

var t1 = $('.same-class')[0].textContent;