Функция кликает по первому родителю всех элементов с указанным классом. Похоже, это то, что вы хотели. Вставьте между тегами <script></script>.
function clickClassParent(className) {
var victimsArray = document.querySelectorAll("." + className), x;
var victimParent;
for (x = 0; x < victimsArray.length; x++) {
victimParent = victimsArray[x].parentNode;
if (victimParent.onclick && victimParent.onclick instanceof Function) {
victimParent.onclick();
}
}
}
clickClassParent("world_button_inactive");
Вот она же на тестовом стенде. Ваши функции в onclick заменены на alert() для тестирования. Также display внешнего div изменён с none на block. Внимание, запустив тест получите 5 последовательных alert'ов!
<!DOCTYPE html>
<html>
<head></head>
<body>
<div id="inactive_server_list" style="display:block;overflow:visible;margin-bottom:1px;margin-top:10px;clear:both;">
<a href="#" onclick="alert(4)">
<span class="world_button_inactive">Мир 12</span>
</a>
<a href="#" onclick="alert(3)">
<span class="world_button_inactive">Мир 13</span>
</a>
<a href="#" onclick="alert(2)">
<span class="world_button_inactive">Мир 15</span>
</a>
<a href="#" onclick="alert(1)">
<span class="world_button_inactive">Мир 16</span>
</a>
<a href="#" onclick="alert(0)">
<span class="world_button_inactive">Speed</span>
</a>
</div>
<script>
function clickClassParent(className) {
var victimsArray = document.querySelectorAll("." + className), x;
var victimParent;
for (x = 0; x < victimsArray.length; x++) {
victimParent = victimsArray[x].parentNode;
if (victimParent.onclick && victimParent.onclick instanceof Function) {
victimParent.onclick();
}
}
}
clickClassParent("world_button_inactive");
</script>
</body>
</html>
