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

Question

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

<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>

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

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

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

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

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

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

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

Тейлор

Answer 1

Используйте селектор атрибутов-равных:

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

Ссылка:

• селектор-атрибутов .

Answer 2

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