在DOM中移动Div - 使用选择器来获取特定元素

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');

但是如何通过data-div属性选择项目？

非常感谢，

泰勒

Answer 1

使用attribute-equals选择器：

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

参考：

• attribute-equals selector。

Answer 2

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