Postingan lainnya
Kelas Premium!
Belajar Javascript untuk website
Gunakan kupon "mulaijs" untuk diskon 75 ribu!
arti code DOM Traversal Methods apa ?
$('a').filter((i, v) =>
v.hostname && v.hostname !== location.hostname
).addClass('external');
arti dari .filter((i, v) => v.hostname && v.hostname !== location.hostname apa ya ??
terima kasih ..
1 Jawaban:
DOM Traversal: menelusuri DOM element sampai ke akarnya ex: misal element div, ditelusur apa aja yang ada di dalam element div tersebut, ada p, a, ul, dan lainnya.
Sintaks:
$('a').filter((i, v) =>
v.hostname && v.hostname !== location.hostname
).addClass('external');
equivalent dengan:
$('a').filter(function (i, v) {
v.hostname && v.hostname !== location.hostname
}).addClass('external');
yang pertama itu namanya "arrow function" ditandai dengan operator arrow "=>" (untuk javascript), shorthand sintaks buat nulis callback
tujuan sama, untuk memfilter element a dengan object v dengan kriteria tertentu. disitu ditulis v.hostname && v.hostname !== location.hostname, terlihat jelas itu sebuah kondisi dimana v.hostname harus ada dan v.hostname nilainya tidak sama dengan (identik) location.hostname
.addClass('external'), fungsinya untuk menambahkan element a yang sudah difilter tadi (masuk kriteria) dengan class 'external'