<a class="link" data-link>
<span class="link__item" data-link-icon>Иконка 1</span>
<span class="link__item" data-link-icon>Иконка 2</span>
</a>
.link {
display: inline-flex;
border: 10px solid firebrick;
}
.link__item {
padding: 1em;
}
.link__item:first-child {
background-color: blanchedalmond;
}
.link__item:last-child {
background-color: lavenderblush;
}
document.addEventListener("click", (e) => {
if(e.target.hasAttribute("data-link")) console.log("Ссылка");
if(e.target.hasAttribute("data-link-icon")) console.log("Иконка");
// проверяем родителя на наличие нужного нам элемента
// if(e.target.parentElement.hasAttribute("data-link")) console.log("Родитель - нужная нам ссылка!");
});
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.