<div id="variant_2">
<a href="#">variant_2</a>
</div>
<div id="variant_3">
<a href="#">variant_3</a>
</div>
<div id="variant_4">
<a href="#">variant_4</a>
</div>
<script>
window.onload = hookLinks;
function hookLinks() {
var links = document.querySelectorAll('div[id^=variant_] > a');
for (var i = 0; i < links.length; i++) {
links[i].onclick = window[links[i].parentNode.id];
}
}
function variant_2() {
alert("variant_2");
}
function variant_3() {
alert("variant_3");
}
function variant_4() {
alert("variant_4");
}
</script>
внимательно посмотрите на свою задачу. Уверен есть гораздо лучший подход ее решения