Если Ваш код работает, т.е. функция
compare_tov(id);
отрабатывает, то:
делаем:
<a href="#" class="to-compare" data-id="<?=$arElement['ID'];?>">Compare</a>
вешаем событие
на jQuery
$(() => {
$('.to-compare').on('click', event => {
event.preventDefault();
compare_tov($(this).data('id'));
});
});
или на чистом js
document.addEventListener("DOMContentLoaded", () => {
let compareLinks = document.querySelectorAll('.to-compare');
if (compareLinks.length) {
compareLinks.forEach(link => {
link.addEventListener('click', event => {
event.preventDefault();
let itemId = event.dataset.id;
if (itemId.length) {
compare_tov(itemId);
}
});
});
}
});
Только стрелочные функции подмените на oldstyle, если хотите, чтобы работало в древних эксплорерах