jquery - 使用 Jquery 获取多个元素的文本

Question

我正在尝试获取表格单元格的值。

例如

<table id='projects'>
        
        <tr>
        <td id='a'>aaaaa</td>
        <td id='b'>bbbbb</td>
        <td id='c'>ccccc</td>
        <td id='d'>eeeee</td>
        <td id='e'>ddddd</td>
        </tr>
</table>
<a id='test' href='#'>test </a>

我想获取 aaaaa,bbbbb,ccccc,eeeee,ddddd 并将它们分配给我的数组

我相信我可以使用下面的 Jquery 代码获取该值

$(document).ready(function(){
    $('#test').click(function(){
    var tableVal=new Array();
    tableVal['a']=$('#a').text();
    tableVal['b']=$('#b').text();
    tableVal['c']=$('#c').text();
    tableVal['d']=$('#d').text();
    tableVal['e']=$('#e').text();   
    
    })
 });

但是，我认为它不太易于维护，并且如果我有 20 个标签，则需要大量代码。我想知道是否可以使用 .each 或任何更好的方式来存档它。感谢您的帮助。

Answer 1

如果您确实想要一个数组，请使用 .map() 和 .toArray()。

var tableVal = $('#projects td').map(function(i,v) {
    return $(this).text();
}).toArray();

否则，如果您实际上要使用非数字索引，则需要一个对象，使用其他答案中的技术。