Javascript 在对象中的单个元素上使用jQuery.append

Javascript 在对象中的单个元素上使用jQuery.append,javascript,jquery,html,dom,javascript-objects,Javascript,Jquery,Html,Dom,Javascript Objects,在这里尝试一些新的东西,我很难理解为什么这不是我想要的 因此,为了简单起见,我使用简单的for循环设置了一些元素: for(var i=0; i<5; i++){ $('body').append('<div class="green">Here I am</div>'); } 现在,当我想访问它时,我可以在控制台中使用它的索引来完成它: console.log($greenDivs[3]); 它返回一个漂亮整洁的控制台:我也可以在页面上看到选中的 但是

在这里尝试一些新的东西,我很难理解为什么这不是我想要的

因此,为了简单起见,我使用简单的for循环设置了一些元素:

for(var i=0; i<5; i++){
    $('body').append('<div class="green">Here I am</div>');
}
现在,当我想访问它时,我可以在控制台中使用它的索引来完成它:

console.log($greenDivs[3]);
它返回一个漂亮整洁的控制台:我也可以在页面上看到选中的

但是,当我试图用一些jQuery函数以任何方式修改它时,我只收到一个错误,例如$greenDivs[3]。append不是一个函数

为什么这些函数不起作用?是因为.green元素被分类到一个对象中的方式吗?我可以使用所有基本的JS属性,如:

$greenDivs[3]。innerHTML=随便什么

在理解为什么我必须使用基本的javascript对象属性来修改单个元素时,非常感谢任何帮助

如果您需要示例,请在此处播放: $greenDivs[3]提供了一个DOM节点。这些没有任何特定于jQuery的方法

要将其保留为jQuery对象,请使用$greenDivs.eq3,请参见


当然,您可以将其重新包装为jQuery对象,如$$greenDivs[3],但在这种情况下,这是不必要的步骤。

您需要获取元素$greenDivs[3]:

$function{
forvar i=0;i$greenDivs[3]实际上是一个对象,而不是jquery对象。如果要使用jquery append函数,应该

  $($greeenDivs[3]).append('...');


$$greenDivs[3]。追加“Hello”;有效
  $($greeenDivs[3]).append('...');
 $greenDivs.eq(3).append('....')