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.
Berbagai Catatan Tutorial Memanfaatkan Teknologi