Skip to content

jQuery ile Harici Linkleri Bulma

Web sitenizden dışarı giden linkleri farklı bir stil ile göstermek isterseniz ne yapacaksınız?

  • Bütün dışarı çıkan linklere tek tek bir stil belirleyeceksiniz
  • Ya da bu makaleyi okuyarak kısa yoldan çözüme kavuşacaksınz.

Seçim sizin!

Bu makalede sayfadaki bütün harici linkleri yakalayan ve onlara birer class atayan jquery işlemini gösteriyorum.

Bunun için iki farklı yöntem uygulayacağız. İkisinden birini seçip uygulayabilirsiniz.

Yöntem 1

 $('a').filter(function() {
return this.hostname && this.hostname !== location.hostname;
 }).addClass("harici");

Yöntem 2

$('a').each(function() {
var duzenliIfade = new RegExp('/' + window.location.host + '/');
if (!duzenliIfade.test(this.href)) { // Harici Link Bulundu!
this.addClass("harici")
}
 });

Bu iki yöntem ile yaptığımız işlem aynı. Sayfadaki harici linkleri bulduk ve onları class=’harici’ şeklinde yeniden şekillendirdik. Bu yöntem ile kullanıcılarınızı da hangi linkin dışarıya gittiğini bilmelerini sağlayarak mutlu edebilirsiniz.

Umarım işinize yarar, kolay gelsin.

TR Kodlama GitHub'da!

TR Kodlama'da yer alan makaleleri GitHub üzerinden düzenleyebileceğinizi biliyor muyudunuz? Harika değil mi? Bu makale ile ilgili düzenleme yapmak isterseniz aşağıdaki butona tıklayınız!

GitHub'da Görüntüle ve Düzenle!
  • Ben Programı Çalıştırma konusunda sıkıntı yaşadım hocam