Jquery text（）函数的行为

我有以下html代码片段：

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

.text（）函数的行为如何

为此，您必须使用

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

如果使用括号表示法根据元素的索引访问元素，那么将返回一个普通的

节点

对象。在其原型中不包含名为

text

的函数

如果您仍然想使用括号表示法，那么请使用

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

您也可以使用，例如：

var textArr = []; //array to store text
$('.same-class').each(function(idx, val) {
    textArr.push($(this).text());
});
console.log(textArr);

文本（）的说明，来自：

描述：获取匹配元素集中每个元素的组合文本内容，包括其子元素

由于jQuery对象$（'.same class'）包含多个元素，因此它将来自所有元素的文本合并到一行中

要获取特定的元素文本，请使用

.eq（）

方法

var textArr = []; //array to store text
$('.same-class').each(function(idx, val) {
    textArr.push($(this).text());
});
console.log(textArr);

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