Seleksi Semua Tautan Ekternal

Published by Concept Phone Selasa, 25 Desember 2018

Kustomisasi Selektor

Sisipkan aba-aba ini untuk membuat selektor gres berjulukan :external

// Buat selektor kustom `:external` $.expr[':'].external = function(obj) {     return !obj.href.match(/^mailto\:/) && (obj.hostname != window.location.hostname); };

Contoh Penerapan

Otomatis Membuka Semua Link Eksternal di Tab/Jendela Baru

$(function() {     $('a:external').attr('target', '_blank'); // menambahkan atribut `target` dengan nilai `_blank` });

Menandai Semua Link Eksternal

$(function() {     $('a:external').addClass('external'); // menambahkan kelas `external` pada semua tautan eksternal });

/* Sedikit aba-aba CSS */ .external {color:red}

Lihat Demo

---

Sumber: jQuery How To

Sumber https://www.dte.web.id/