JavaScript İle Boş Olan Sosyal Medya Butonlarını Nasıl Gizleyebilirim?

Merhabalar Arkadaşlar,

JavaScript İle Boş Olan Sosyal Medya Butonlarını Nasıl Gizleyebilirim?

Sosyal Medya Buton URL'si girilmediği sürece gizli kalacak. Bunu Nasıl yapabilirim?

Yardımlarınız için şimdiden teşekkür ederim.

input'un id alarak boş olup olmadığını kontrol edip gizleyebilirsiniz. Veya yapı PHP ile ise bunu php ilede sağlayabilirsin.

$(("a[href='#']")).hide();

var links = document.querySelectorAll('#mydiv a'),
i, href;

for(i = 0; i < links.length; i++) {
href = links[i].getAttribute('href');
if(href.length < 1 || href === ' ') {
links[i].style.display = "none";
}

}

https://jsfiddle.net/sadikyalcin/tLcn7fee/

bu sayfadaki bütün href='#' olanları kapatmaz mı hocam.?

Css ile basitçe halledebilirsin. a[href=""]{ display: none;}

href=''
şeklinde yaparsanız, linki olmayan bütün butonlar gizlenir.

Mobilden yazıyorum kusura bakma

document.querySelectorAll(‘i.icon’).forEach(item => {
const link = item.closest(‘a’);

if (link.getAttribute(‘href’) === ‘#’) {
link.style.display = ‘none’;
}

});

Class veya obje seçimlerini kendine göre değiştirebilirsin. Href’e # verdim. Onu da kendine göre düzenleyebilirsin. En son display: none; verdim. Bunun yerine objeyi tamamen silebilirsin.

Dipnot: Fonksiyonu Babel’den geçirirsen, tarayıcı optümizasyonunu da yapmış olursun