“$（...）[0] .append不是一个函数”与jQuery

Question

我正在尝试将字符串附加到页面。如果我在控制台中写$('.txt')，它将返回：

如果我写$('.txt')，则会返回第一个.txt。

如果我在控制台中编写$('.txt').append('<div><span>TEEST</span></div>')，它会将“TEEST”附加到页面中的所有.txt。

但如果我写$('.txt')[0].append('<div><span>TEEST</span></div>') 它返回：

这是为什么？我如何附加到特定的DOM元素？

Answer 1

[0]获取第一个实际的DOM元素 - 而不是jQuery对象。 append是一个特定于jQuery的函数，因此您无法在常规DOM元素（例如从getElementById返回的元素）上调用它。

您想要eq：

$('.txt').eq(0).append('<div><span>TEEST</span></div>');

您还可以使用:first选择器：

$('.txt:first').append('<div><span>TEEST</span></div>');