Прописать css если в ссылке стоит знак "#"
Можно ли прописать в css для ссылки, если в ней будет стоять #? Хочу отключить ссылку с # путем a pointer-events:none;. Есть ли способы через js или jQuery?
<li class="item">
<a href="#">Ссылка</a>
</li>
<li class="item">
<a href="site.com/url">Рабочая ссылка</a>
</li>Ответы (1 шт):
Автор решения: De.Minov
→ Ссылка
Лучший вариант указал InDevX в комментарии.
Но если вдруг надо это сделать на JS, то вот:
document.querySelectorAll('a[href="#"]').forEach(function(e) {
e.style.cssText = 'pointer-events: none;';
});
И на про запас, аналогичный вариант на jQuery:
$('a[href="#"]').css('pointer-events', 'none');