Как я могу заставить кнопку внутри массива реагировать только на свою собственную оболочку, используя JavaScript? ⇐ Jquery

[Anonymous]

Мой сценарий кода загружает весь контент из моей базы данных, используя функцию массива. Я создал оболочку DIV, которая содержит максимум 5 внутренних элементов div, в зависимости от количества результатов. Если скрипт загружает 4 результата из базы данных, создаются 4 внутренних элемента div. Если скрипт загружает 17 результатов из базы данных, создается 17 внутренних элементов div и т. д.
Каждая страница содержит 5 внутренних элементов div. Он автоматически создает новый div-оболочку всякий раз, когда предыдущий div-обертка полностью заполняется (поэтому у меня есть 4 div-обертки, если результат = 17, т.е.).
Теперь каждая оболочка содержит несколько функций, таких как кнопки закрытия, кнопки печати и т. д. Я создал этот код, который отлично работает до тех пор, пока есть только 1 div-обертка. Но как только имеется более одного контейнера-div, ничего не работает.
Я знаю, что проблема в том, что идентификаторы должны быть уникальными. Но как мне настроить этот код, чтобы JavaScript начал работать? Чтобы, если я нажму, например, кнопку закрытия оболочки 2, закроется только оболочка 2, а не все оболочки?
Код, который у меня есть
var wrapper_programmaker = document.getElementsByClassName('wrapper_programmaker');
for (var g = 1; g < wrapper_programmaker.length; g++) {
var expanded[g] = true;
document.getElementById("kolom_trigger"+[g]).onclick = function() {
if (!expanded[g])
{
expanded[g] = true;
$("#kolomInstellen"+[g]).hide(1000);
}
else
{
expanded[g] = false;
$("#kolomInstellen"+[g]).show(1000);
};
};

document.getElementById("kolom1_trigger"+[g]).onclick = function() {
document.getElementById('kolom1'+[g]).style.width = 'auto';
$("#kolom2"+[g]).hide();
};

document.getElementById("kolom2_trigger"+[g]).onclick = function() {
document.getElementById('kolom1'+[g]).style.width = '41%';
$("#kolom2"+[g]).show();
};

document.getElementById("closeBTN"+[g]).onclick = function() {
if (!expanded[g])
{
expanded[g] = true;
$("#kolomInstellen"+[g]).hide(1000);
}
else
{
expanded[g] = false;
$("#kolomInstellen"+[g]).show(1000);
};
};
}

Это PHP:








Подробнее здесь: [url]https://stackoverflow.com/questions/36960251/how-can-i-make-a-button-inside-an-array-respond-to-only-its-own-wrapper-using-j