Показать сообщение отдельно
  #5 (permalink)  
Старый 02.01.2015, 00:56
Аватар для bes
bes bes вне форума
Профессор
Отправить личное сообщение для bes Посмотреть профиль Найти все сообщения от bes
 
Регистрация: 22.03.2012
Сообщений: 3,744

Сообщение от uroboros7
собственно в чем вопрос, мне нужно чтобы при клике по элементу списка их id заносились в массив а при повторном клике из этого массива удалялись.
<style>
.article_selected {
	background: #FFCC00;
}
</style>
<script>
document.addEventListener("DOMContentLoaded", function () {
	document.querySelector("ul#art_gen").addEventListener("click", function (event) {
		if (!this.mas) this.mas = [];
		var target = event.target;
		if (target.tagName == "LI") {
			var index = this.mas.indexOf(target.id);
			( index == -1 )? this.mas.push(target.id) : this.mas.splice(index, 1);
			target.classList.toggle("article_selected");
		}
		console.log(this.mas);
	});
});
</script>
<ul id="art_gen">
	<li id="1">1</li>
	<li id="2">2</li>
	<li id="3">3</li>
	<li id="4">4</li>
	<li id="5">5</li>
</ul>

Последний раз редактировалось bes, 02.01.2015 в 10:46.
Ответить с цитированием