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

我只想将最后两个“#dev_item”列表项（data-div = 3 和 4）添加到这个 div 中：

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

我如何选择那些特定的项目？

我想出了如何选择所有项目：

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

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

非常感谢，

泰勒

Answer 1

使用属性等于选择器：

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