Jqueryで複数の要素の値を取得する

Question

テーブルセルの値を取得しようとしています。例えば

私はAAAAA、BBBBB、CCCCC、EEEEE、DDDDDを取得し、私の配列にそれらをasignたい

<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> 

私は

以下の私の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

あなたは、以下のような

var tableVal= []; 

$('#projects tr:eq(0) td').each (function() { 
    tableVal[this.id] = $(this).text(); 
}); 

注何かを行うことができます：:eq(0)を - 1行目を意味..あなたはすべての行のために行うか、あなたがそれを助ける必要があるなら、私が知っているようにしたい場合はそれに応じて修正します。

Answer 2

はい、できます:)

var tableVals= {} 
$('#projects td').each(function() { 
    tableVals[$(this).attr('id')] = $(this).text(); 
}); 

キーが数値でない場合は、配列の代わりにobjectを使用してください。

Answer 3

実際に配列が必要な場合は、.map()を.toArray()に設定します。

実際に非数値インデックスを使用する場合は、他の回答のテクニックを使用してオブジェクトが必要です。

Answer 4

試してみてください。

var tableVal = []; 
$('#test').click(
    function(){ 
     $('#projects td').each(
      function(){ 
        tableVal.push($(this).text()); 
      }); 
    }); 

Answer 5

は、まず与えるあなたtrid：

<tr id="rowToGetDataFrom"> 

次に、あなたはこのようにしたい配列を得ることができます。

var tableVal = $('#rowToGetDataFrom td').map(function() { return $(this).text(); }); 

デモ：http://jsfiddle.net/alecgorge/3ApnB/

を