Postingan lainnya

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

jquery

@maszgalang

297 Kontribusi 80 Poin

Diperbarui 5 tahun yang lalu

3 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

<pre> 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); }); </pre>

@ashandysp

49 Kontribusi 18 Poin

Dipost 5 tahun yang lalu

Tanggapan

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

<pre> 1 2 3 4 5 </pre> 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

@maszgalang

297 Kontribusi 80 Poin

Dipost 5 tahun yang lalu

.eq() itu gunanya buat ambil index dari sebuah DOM element. Bisa dicek di sini <a href=' https://api.jquery.com/eq/ '>jQuery .eq documentation</a>

Untuk get content bisa pakai .text(), dia akan mengambil value dari text yg ada di dalam table tersebut. Gapapa mas, sama2 belajar, hehe.

@ashandysp

49 Kontribusi 18 Poin

Dipost 5 tahun yang lalu