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 ..

avatar abrx45
@abrx45

10 Kontribusi 2 Poin

Diperbarui 6 tahun yang lalu

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'

avatar apake1
@apake1

106 Kontribusi 55 Poin

Dipost 6 tahun yang lalu

Login untuk ikut Jawaban