Как выбрать все элементы с одинакоым Class?
Есть задача, которую не могу сам решить, конкретный запрос тоже как не могу сформулировать, поэтому прошу помощи:
Есть некий сбор картинок, где пользователь выбирает какое-то кол-во изображений кликом по нему и к таким изображениям приписывается класс. После чего пользователь например нажимает кнопку удалить. При текущей реализации удалится первая картинка, а все остальные остануться нетронутыми. Все эти картинки имеют каждая свой 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');
});
|
Вам ведь нужно передавать массив айдишников? Ничего не путаю?
Так и надо тогда пройтись по всем элементам с нужным классом, и записать айди каждого в массив:
$("#spec-logo a.focused").each(function(){IDArray.push($(this).attr("id"))})
Хотя ведь наверняка можно как-то задачу решить проще и прямее. |
| Часовой пояс GMT +3, время: 14:31. |