jquery - JQuery からヘッダー データを取得する

Question

JQuery を使用したデータの取得について質問があります。私はこのHTMLコードを持っています -

              Sat 08 Jan</th><td  headers="tbl241id1_0 tbl241id0_2">&#160;7&deg;C   &#47; 2&deg;C</td><td  

              Sun 09 Jan</th><td  headers="tbl241id1_0 tbl241id0_2">&#160;5&deg;C   &#47; 2&deg;C</td>

              Mon 10 Jan</th><td  headers="tbl241id1_0 tbl241id0_2">&#160;4&deg;C   &#47; 1&deg;C</td>

HTMLを変更できません。

各ヘッダーの度数データを取得する必要があります。私が試してみました

              var testData = $(data).find("[headers='tbl241id1_0 tbl241id0_2']");
        console.log(testData.html());

しかし、1つの温度しか保存していないようです。ループごとに試してみましたが、成功しませんでした。

行を個別に引き出すことができるように、配列として保存する必要があります。誰でも助けることができますか？

ありがとう

Answer 1

ここで.map()を使用する必要があります

var testData = $(data).find("[headers='tbl241id1_0 tbl241id0_2']").map(function(){
    return $(this).html()
}).get();// now testData is an array with the html contents of the targeted elements

デモ:フィドル

Answer 2

フィドルのデモはこちら

別の解決策は、持つ各 td の値を取得headers=tbl241id1_0 tbl241id0_2し、それを値の配列に追加することです。

  var values=Array();
 //Loop that iterate over t
 $('td[headers="tbl241id1_0 tbl241id0_2"]').each(function(index,value){
   values.push($(this).text());

  });