Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   Не получается определить id (https://javascript.ru/forum/events/72647-ne-poluchaetsya-opredelit-id.html)

lerochka32 14.02.2018 21:10

Не получается определить id
 
Здравствуйте! Попытаюсь понятно изложить свою проблему:
Создаю клиентскую часть WEB-приложения(HTML, CSS, JS). Суть программы - ToDo List app. Есть кнопка с добавлением ToDoList, также есть возможность удаления этого списка. Но проблема вот в чем: когда добавляешь несколько списков(они располагаются один под другим), не получается удалить какой-то один из списков. Не могу придумать как прописать код, чтобы удалялся только тот список, на кнопку удаления которого нажала. Пыталась уже задавать id по счетчику "i", который увеличивался при добавлении каждого из списков, с циклом тоже не получилось. Может можно как-то отследить на какой именно список нажал пользователь, чтобы через него получить соответствующий id? Помогите пожалуйста!

рони 14.02.2018 21:35

lerochka32,
где минимальный код?

Nexus 15.02.2018 08:22

<div class="todo_wrapper">
	<button type="button" data-target="list-1">Remove list 1</button>
	<button type="button" data-target="list-2">Remove list 2</button>
	<div id="list-1">ToDo 1</div>
	<div id="list-2">ToDo 2</div>
</div>

<script type="text/javascript">
document.addEventListener('DOMContentLoaded',function(){
	[].forEach.call(document.querySelectorAll('.todo_wrapper'),function(node){
		node.addEventListener('click',function(e,item){
			if(!e.target.dataset.target)
				return;
			
			if(item=document.querySelector('#'+e.target.dataset.target))
				item.parentNode.removeChild(item);
		});
	})
});
</script>


Часовой пояс GMT +3, время: 07:47.