javascript - jqueryを使用してHTMLテーブルの最初の列の値を読み取ります

Question

私はテーブルを手に入れました：

<table id="ItemsTable" >​
    <tbody>
   <tr>
     <th>
       Number
     </th>
     <th>
       Number2
     </th>
    </tr>
  <tr>
    <td>32174711</td>     <td>32174714</td>
  </tr>
  <tr>
    <td>32174712</td>     <td>32174713</td>
  </tr>
</tbody>
</table>

値32174711と32174712、および列番号の他のすべての値を配列またはリストに入れる必要があります。jquery1.8.2を使用しています。

Answer 1

var arr = [];
$("#ItemsTable tr").each(function(){
    arr.push($(this).find("td:first").text()); //put elements into array
});

デモについては、次のリンクを参照してください。

http://jsfiddle.net/CbCNQ/

Answer 2

map次の方法を使用できます。

var arr = $('#ItemsTable tr').find('td:first').map(function(){
     return $(this).text()
}).get()

http://jsfiddle.net/QsaU2/

jQuerymap()のドキュメントから：

説明：現在一致しているセットの各要素を関数に渡し、戻り値を含む新しいjQueryオブジェクトを生成します。。戻り値はjQueryでラップされた配列であるため、返されたオブジェクトをget（）して、基本的な配列で機能させるのが非常に一般的です。

Answer 3

// iterate over each row
$("#ItemsTable tbody tr").each(function(i) {
    // find the first td in the row
    var value = $(this).find("td:first").text();
    // display the value in console
    console.log(value);
});

http://jsfiddle.net/8aKuc/

Answer 4

あなたが持っているものからよく、あなたは最初の子供を使うことができます

var td_content = $('#ItemsTable tr td:first-child').text()
// loop the value into an array or list

Answer 5

http://jsfiddle.net/Shmiddty/zAChf/

var items = $.map($("#ItemsTable td:first-child"), function(ele){
    return $(ele).text();
});

console.log(items);​