如何从DIV数组向DIV添加文本

How to add text to a DIV from array of DIVs

本文关键字：DIV 添加 文本 数组      更新时间：2023-09-26

Var divs = $(".txt");这将返回一个带有class txt的divs列表。我想向选定的div添加文本，例如：divs[4].html("Hello World");返回错误，称divs[4].html不是函数。为什么？

当您通过jQuery对象的DOM数组索引访问它时，您得到的是HTML元素，而不是没有html()函数的jQuery对象。改为使用eq(n)选择器：

$(".txt:eq(4)").html("Hello World");

divs[0]为您提供了一个DOM引用，而不是一个jQuery对象。因此，将其传递给jQuery函数（$()是jQuery()的缩写）：

$(document).ready(function(){
    var divs = $('.txt');
    $(divs[4]).html('this one');
});

http://jsfiddle.net/userdude/unu8g/

还要注意$(document).ready()的使用，它将等待DOM可访问。$(window).load()也足够了，尽管它可能在onDOMReady之后发射。

非jQuery方式：

document.getElementsByClassName("txt")[4].innerHTML = "banananana!";

只是附带说明：我建议在转到库之前学习基本的浏览器javascript。它将让您了解这些库是如何工作的，并防止您被"锁定"到特定的几个

相关文章：