javascript - "$(...)[0].append is not a function"与 jQuery

Question

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

如果我写 $('.txt') , 它返回第一个 .txt .

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

但是如果我写 $('.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>');