JQuery: Otomatis Menambahkan Ikon pada Semua Link Eksternal

Tambahkan ikon di samping semua link eksternal di dalam area <div class='post'></div> secara otomatis:

// Saring semua link eksternal.
// Jika hasilnya cocok, sisipkan gambar eksternal-links.png di sampingnya
$(function() {
    $('div.post a').filter(function() {
        return this.hostname && this.hostname !== location.hostname;
    }).after(' <img class="netral" src="external-links.png" alt="external link" />');
});

external-links.png

Lihat Demo

Sumber: Learning JQuery - Dynamically Add an Icon for External Links

❖ JQuery: Otomatis Menambahkan Ikon pada Semua Link Eksternal

Posting Komentar