Seleksi Semua Tautan Ekternal

Tabel Konten
  1. Kustomisasi Selektor 
  2. Contoh Penerapan 
    1. Otomatis Membuka Semua Link Eksternal di Tab/Jendela Baru 
    2. Menandai Semua Link Eksternal 
jQuery Custom Selector

Kustomisasi Selektor 

Sisipkan kode ini untuk menciptakan selektor baru bernama :external

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

Contoh Penerapan 

$(function() {
    $('a:external').attr('target', '_blank'); // menambahkan atribut `target` dengan nilai `_blank`
});
$(function() {
    $('a:external').addClass('external'); // menambahkan kelas `external` pada semua tautan eksternal
});
/* Sedikit kode CSS */
.external {color:red}

Lihat Demo


Sumber: jQuery How To

5 Komentar

  • Unknown

    mas saya mau tanya nih, kenapa ya saya menggunakan css eksternal malah css nya jadi gak terbaca dan tampilan blog jadi acak2an ? apa ada yang salah dalam peletakkannya mas taufik: http://metal-x-gen.blogspot.com/

  • Unknown

    gimana caranya agar kesemua halaman blog saja ,,,
    saya masih bingung ini menggunakannya gimana?
    saya sudah tulis script di post daftar isi otomatis tapi gak bisa link new tap di klik

    • Taufik Nurrohman

      $.expr[':'].internal = function(obj) {
      return !obj.href.match(/^mailto\:/)
      && (obj.hostname === location.hostname);
      };
      $(function() {
      $('a:internal').attr('target', '_blank');
      });
      $(window).load(function() {
      $('a:internal').attr('target', '_blank');
      });
  • Unknown

    oh iya mas taufik bisa review blog saya tidak yg kurang apanya. agar di SERP bisa bagus hasilnya.....

Komentar telah ditutup.