Traversing with Cheerio NodeJS

Traversing, mendengar kata traversing, temen – temen yang sudah biasa memanipulasi elemen html pasti sudah paham dan tidak asing lagi di telinga. Arti kata dari traversing itu menjelajah, berarti dapat dikatakan bahwa dengan traversing kita bisa mencari elemen yang kita inginkan dan mendapatkan value dari elemen tersebut.

Nah temen-temen pasti sudah tidak asing lagi dengan NodeJS. Pada kesempatan kali ini, saya akan mencoba memaparkan traversing dengan menggunakan modul cheerio NodeJS.

Install module cheerio

npm install cheerio

Contoh : 
<ul id="car">
  <li class="toyota">Toyota</li>
  <li class="nissan">Nissan</li>
  <li class="daihatsu">Daihatsu</li>
</ul>

Kita akan mencoba mengambil value toyota,

var $ = require('cheerio'); // load module cheerio

$('li.toyota').text(); // = Toyota

Jika ingin mengambil value class dari salah satu tag li,

$('li.nissan').attr('class'); // = nissan

penulisan $('li.nissan') dengan $('li .nissan') sangatlah berbeda. Jika pada $('li.nissan') menunjukkan bahwa selector menunjuk tag li dengan class nissan, sedangkan $('li .nissan') menunjukkan bahwa selector menunjuk tag li dan mencari class nissan yang berada di dalam tag li.

Untuk mengambil value dari tag input,

$('input[type="text"]').val() // value of input

Untuk menghitung jumlah suatu tag di dalam tag tertentu atau pada kondisi tertentu,

$('ul.car').find('li').length() // = 3

Berikut video yang mungkin dapat menambah wawasan lebih dalam mengenai traversing.