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是一个值数组（语言），如果您想将值存储为字符串，您可以使用join以下方法：

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/以获取工作片段。