Привет.
<div class="tabl1"></div>
<div class="add" onclick="addInput()">+</div>
x=1;
function addInput() {
var div = document.createElement("div");
div.id = "input"+x;
div.className = "power";
document.querySelector('.tabl1').appendChild(div);
var str = '';
str += '...<button onclick="Search_Item('+x+');" class="btn btn-light" type="button"></button>';
document.getElementById('input' + x).innerHTML = str;
x++;
}
function Search_Item(x){
...//Тут получение параметров строки,отправка на сервер,получение массива данных,его обработка и вывод списка в отдельное модальное окно.
$('.colc3 ul').html(str);
}
Теперь,если я кликнул на Search_Item(), а потом передумал, то надо бы это окно закрыть и блок со str удалить. Сделал в окне img - крестик.
Написал
$('.colc3 img').click(function() {
$('#colc3').toggleClass('hidden');
document.getElementById('input' + x).remove();
});
Но если помещаю код в Search_Item(), то работает через раз и если удаляет,то удаляет все блоки. Печалька). Как поправить?
