событие onclick+getElementBy...

[same_ivan]

Уважаемые, нашел вот такую конструкцию, чтоб закрывать попап окошко.
Работает чудесно, но я бы хотел по событию убирать несколько контейнеров..
getElementsByClass - не существует функции
getElementsByName - не работает в этой конструкции
Подскажите как сделать чтоб это заработало..

<div id="popup">
<a href="#" onclick="document.getElementById('popup').style.display='none';return false;" id="close_popup"></a>
<p>This is a pop-up.</p>
</div>

 

[warg]

getElementsByName возвращает массив, поэтому и не работает.

на чистом JS например так:

function hide(name) {
   var elements = document.getElementsByName(name);
   for (var i = 0; i < elements.length; i++)  { elements.style.display = 'none'; }
}

<div id="popup">
<a href="#" onclick="hide('name'); return false;" id="close_popup"></a>
<p>This is a pop-up.</p>
</div>

jQuery:

по классу

<a href="#" onclick="$(".class").hide(); return false;" id="close_popup"></a>

ID начинается с popup_

<a href="#" onclick="$('[id^="popup_"]').hide(); return false;" id="close_popup"></a>