javascript - 从跨度集合中获取每个文本

Question

我在一个 div 中有三个跨度，在控制台中:

$(".cnt_step_2 .regions_list li span")
[
<span>​text0​</span>​
, 
<span>​text1</span>​
, 
<span>​text2</span>​
]

我想从每个跨度中获取每个文本

对于第一个跨度，我尝试这样:

$(".cnt_step_2 .regions_list li span")[0]
<span>text0</span.

现在我只想提取文本

$(".cnt_step_2 .regions_list li span")[0].text()
   TypeError: undefined is not a function

我也试试

$(".cnt_step_2 .regions_list li span")[0].html()
    TypeError: undefined is not a function

$(".cnt_step_2 .regions_list li span")[0].val()
TypeError: undefined is not a function

如何从span中提取文本？

Answer 1

使用eq()要获取 jQuery 元素，[0] 获取 native DOM 元素，它没有 text() 方法。

$(".cnt_step_2 .regions_list li span").eq(0).text()

编辑:

错误似乎与该代码根本无关。
如果不包括 jQuery，你会得到

Uncaught ReferenceError: $ is not defined

如果包含它，并且您从 [0] 得到错误，您会得到

Uncaught TypeError: Cannot read property 'text' of undefined

你得到了

TypeError: undefined is not a function

这表明您正在尝试调用一个实际上不是函数的函数，就像这样

var test = undefined;
test();

会给你那个错误。