Не получается определить id

[lerochka32]

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

[рони]

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

[Nexus]

<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>