Cara merubah table menjadi array jquery

pagi semua minta saran dong saya agak bingung untuk mengubah table menjadi array pada jquery yang nantinya saya pakai ke localStorage.setItem(); saya punya content table seperti dibawah :
        <tr id="aa">
          <td class="isi">Tiger Nixon </td>
          <td class="isi">System Architect </td>
          <td class="isi">Edinburgh </td>
          <td class="isi">61 </td>
          <td class="isi">2011/04/25 </td>
          <td><button class="btn btn-success" onclick="saving()">READY</button></td>
        </tr>
saya sudah mencoba berbagai cara cuman karena mungkin saya yg kurang paham atau gmn saya mencoba untuk meggunakan :
  function saving(){
          var a = $("#aa .isi").text();
          var as = jQuery.makeArray(a);
          console.log(as);
Jquery.makeArray() ini ternyata karena yang saya ambil text jadinya ya semua yg terambil dari attribut diatas bentuknya text saja, nah gmn caranya bisa menjadikan content table diatas menjadi array? nantinya akan saya masukan ke Localstorage
localStorage.setItem("makan", JSON.stringify(as));
avatar maszgalang

@maszgalang

297 Kontribusi 80 Poin


Jawaban

Define array penyimpan datanya terlebih dahulu dalam satu variabel, lalu hitung ada berapa jumlah data yang akan dimasukkan. Setelah itu lakukan perulangan sebanyak jumlah data dan masukkan datanya ke dalam array. Contohnya seperti ini
var array = []; //array penyimpan data
var dataLength = $('#aa .isi').length; //menghitung jumlah data yang akan dimasukkan

//lakukan perulangan untuk memasukkan data ke dalam array
for(a=0;a<dataLength;a++) {
	let data = $('#aa .isi').eq(a).text();
	array.push(data);
}

//atau bisa juga menggunakan foreach
$('#aa .isi').each(function() {
	let data = $(this).text();
	array.push(data);
});
avatar ashandysp

@ashandysp

49 Kontribusi 18 Poin

  • babang gmn cara get contentnya kalau hasilnya sama kek yg dibawah - @maszgalang


code eq(a) buat apa y gan ? sdah ae coba gan hasilnya itu
1
2
3
4
5
karena row pada table yg mempunyai attribut isi cuman ada 5, nah cara get contentnya setelah itu apa ya gan, ane masih awan di javascript jadinya perlu bimbingan :v
avatar maszgalang

@maszgalang

297 Kontribusi 80 Poin


.eq() itu gunanya buat ambil index dari sebuah DOM element. Bisa dicek di sini jQuery .eq documentation Untuk get content bisa pakai .text(), dia akan mengambil value dari text yg ada di dalam table tersebut. Gapapa mas, sama2 belajar, hehe.
avatar ashandysp

@ashandysp

49 Kontribusi 18 Poin


Login untuk gabung berdiskusi