Удаление элементов со страницы jquery
 

Господа, есть одна функция:

function generate () {
	for (var i=1; i<13; i++) {
		$(document.body).remove(".people"+ i);
	}
	var countPeopleEnd = getRandom(countPeople.min, countPeople.max)
	console.log(countPeopleEnd);
	for (var i=1; i<countPeopleEnd; i++){
		var coordPeopleHorizontal = getRandom(horizontal.minCoord, horizontal.maxCoord);
		var coordPeopleVertical = getRandom(vertical.minCoord, vertical.maxCoord);
		var people = "<div onclick='increment(" + i + ")' class=people";
		$(document.body).append(people + i + "></div>");
		console.log("sucsess")
		$(".people" + i).css({
			top: coordPeopleVertical + "px",
			left: coordPeopleHorizontal + "px"
		})
	}
	for (var i=1; i<countPeopleEnd+1; i++) {
		var skin = getRandom(1,6);
		$(".people" + i).css("background", "url(/images/people/"+ skin + ".png)")
}}

Эта функция генерирует людишек при каждом нажатии на кнопку. Вопрос: почему при нажатии на кнопку не удаляются старые человечки, если есть такое выражение:

for (var i=1; i<13; i++) {
		$(document.body).remove(".people"+ i);
	}

Отображается всё нормально, но в исходном коде образуется огромное количество элементов people.
Спасибо заранее

А удалять ты пытаешся элементы с классами peopleN, где N от 1 до 12...

Если уж используешь jq То тогда не мешай все в кучу и установи своим человечкам общий класс, например peoples, и удаляй всех сразу - $('.peoples').remove(); Тем более что ты выводишь рандомное их количество а удаляешь с 1 по 13 зачем то.

Но там же стоит цикл, который перечисляет N от 1 до 12 (12- максимальное количество человечков) и удаляет их.

Спасибо огромное, оказалось, что правильно цикл должен выглядить

for (var i=1; i<13; i++) {
		$(".people"+ i).remove();
	}

Зачем вообще цикл? Зачем всем однородным элементам давать разные классы?
Этоведь не ИДшники... Суть класса в объединении однотипных элементов.