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

Seeingは、指定されたインデックス内の DOM 要素を参照する jQuery オブジェクトを取得するためにeq()columnsを使用できる jQuery コレクションです。によって返されるのは jQuery オブジェクトであるため、 jQuery のtext()メソッドを呼び出すことができます。eq()

$.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;
});