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