[ArsenBespalov]

Есть задача, которую не могу сам решить, конкретный запрос тоже как не могу сформулировать, поэтому прошу помощи:

Есть некий сбор картинок, где пользователь выбирает какое-то кол-во изображений кликом по нему и к таким изображениям приписывается класс. После чего пользователь например нажимает кнопку удалить. При текущей реализации удалится первая картинка, а все остальные остануться нетронутыми. Все эти картинки имеют каждая свой ID.

Как можно собрать все ID выбранных элементов (имеющих одинаковый Class)?

Сейчас удаляется следующим образом:

$('#spec-logo').on('click', 'button[name=del]', function (e) {
	e.preventDefault();
	var lid = $('#spec-logo a.focused').attr('id');
	$.post("index.php", { act: "del_logo", logoid: lid },
	function (data) {
		$('#spec-logo').empty().append(data);
		$('#komm-logo').empty().append(data);
	});
});

И вот такой HTML код оригинала:

<div id="spec-logo">
	<ul class="thumbnails">
		<li class="span4">
			<a href="#" class="thumbnail" id="13471867881">
				<img src="./uploads/13471867881.jpg" alt="" width="300" height="200">
			</a>
		</li>
		<li class="span4">
			<a href="#" class="thumbnail" id="13471867921">
				<img src="./uploads/13471867921.png" alt="" width="300" height="200">
			</a>
		</li>
	</ul>
	<div class="btn-group pull-right">
		<button type="button" class="btn" name="check">Выбрать</button>
		<button type="button" class="btn btn-danger" name="del">Удалить</button>
	</div>
</div>

В моем конкретном случае клик по картинке обрабатывается так:

$('#spec-logo').on('click', 'a', function() {
	$(this).toggleClass('focused');
});