Как выбрать все элементы с одинакоым 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, время: 08:56. |