我需要从下表中选择所有语言。输出应该是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>
您可以使用
map
方法:
var lang = $('#languages td:first-child').map(function(){
return this.innerHTML
}).get()
lang
是一个值(语言)数组,如果要将值存储为字符串,可以使用join
方法:
lang = lang.join(', ');
http://jsfiddle.net/hZqHc/
var langs = '';
$.each($('#languages tbody tr'), function(){
langs += $(this).find('td:eq(0)').html() + ', ';
});
langs = langs.substring(0, langs.length - 2);
这会将
每个值添加到数组中:
var langs = [];
$('#languages tbody tr').each(function(){
langs.push($(this).find('td:first').text());
});
console.log(langs);
您可以轻松地将它们附加到字符串中。有关工作片段,请参阅 http://jsfiddle.net/fXdkg/。