jquery - 使用 jquery 获取第一个 div 内容

Question

我正在使用以下代码来获取行列：

$.each( items, function(i, item){
     columns = $(item).children();
     //columns[5]
     //columns[7]
});

现在每一列都有一个div。我想获取 div 的内部内容。我尝试使用columns[5]它，它给了这样的 div

<div style= "" > 123 </div>

我只需要123

Answer 1

你会想要.text()这个。

$.each( items, function(i, item){
     columns = $(item).children();
     alert($(columns[5].text())); // create jQuery object and get text from that
});

Answer 2

columns.eq(5).find("div:first").text();

Answer 3

Seeingcolumns是一个 jQuery 集合，您可以使用eq()来获取引用指定索引中的 DOM 元素的 jQuery 对象。因为它是一个 jQuery 对象，eq()您可以在其上调用 jQuery 的text()方法。

$.each( items, function(i, item){
    columns = $(item).children();
    columns.eq(5).text();
});

或者，您可以从指定索引处的 jQuery 集合中获取实际的 DOM 元素并直接调用innerHtml：

$.each( items, function(i, item){
    columns = $(item).children();
    columns[5].innerHtml;
});