jquery - テーブルから特定のデータ（td）を選択する

Question

次の表からすべての言語を選択する必要があります。出力は、Java、Ruby、Smalltalk、C++である必要があります。どのjQueryステートメントを使用する必要がありますか？ありがとう

<table id="languages" border="0" cellspacing="1">


<thead>
    <tr>
      <th>Language</th>
      <th>Type</th>
      <th>Invented</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Java</td>
      <td>Static</td>
      <td>1995</td>
    </tr>
    <tr>
      <td>Ruby</td>
      <td>Dynamic</td>
      <td>1993</td>
    </tr>
    <tr>
      <td>Smalltalk</td>
      <td>Dynamic</td>
      <td>1972</td>
    </tr>
    <tr>
      <td>C++</td>
      <td>Static</td>
      <td>1983</td>
    </tr>
  </tbody>
</table>

Answer 1

メソッドを使用できますmap：

var lang = $('#languages td:first-child').map(function(){
       return this.innerHTML
}).get()

lang値の配列（languagesjoin ）です。値を文字列として保存する場合は、次のメソッド を使用できます。

lang = lang.join(', ');

http://jsfiddle.net/hZqHc/

Answer 2

var langs = '';    
$.each($('#languages tbody tr'), function(){
       langs += $(this).find('td:eq(0)').html() + ', ';
    });
langs = langs.substring(0, langs.length - 2);

Answer 3

これにより、各値が配列に追加されます。

​var langs = [];
$('#languages tbody tr').each(function(){
    langs.push($(this).find('td:first').text()); 
});​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​
console.log(langs);

それらを文字列に簡単に追加することもできます。動作するスニペットについては、http://jsfiddle.net/fXdkg/を参照してください。