Блог

Главная - Вопросы по программированию - Перемещение Divs в DOM — Использование селекторов для захвата определенных элементов

Перемещение Divs в DOM — Использование селекторов для захвата определенных элементов

#jquery #jquery-ui #jquery-selectors

#jquery #jquery-пользовательский интерфейс #jquery-селекторы

Вопрос:

Если у меня есть эти элементы:

 <div id="item_container">
   <li class="dev_item" data-div="1">sdfsdf</li>
   <li class="dev_item" data-div="2">Izxctem 1</li>
   <li class="dev_item" data-div="3">Item 1</li>
   <li class="dev_item" data-div="4">Item 1</li>
</div>

И я хочу добавить только последние два элемента списка ‘#dev_item’ (с данными-div = 3 и 4) в этот div:

 <div id='prepend_here'></div>

Как мне выбрать эти конкретные элементы?

Я выяснил, как выбрать все элементы:

 $('#item_container>li').detach().prependTo('#prepend_here');

Но как мне выбрать элементы по атрибуту data-div?

Большое спасибо,

Тейлор

Ответ №1:

Используйте атрибут equals selector:

 $('li[data-div="3"], li[data-div="4"]').detach().prependTo('#prepend_here');

Ссылка:

Комментарии:

1. Я не могу редактировать, но я думаю, что есть небольшая опечатка, и первая должна быть li[data-div="3"] .

2. Похоже, в моей ситуации это не работает. Возможно, проблема с моим кодом

3. @Doug, да … эм … упс. Спасибо за комментарий, отредактировал исправление в . 🙂

Ответ №2:

 $('#item_container .dev_item').slice(-2).prependTo('#prepend_here');