jquery - 将内容放在数据元素的末尾 - 如何使用数据元素进行选择

Question

我有以下标记，并希望在触发 ajax 回调时在此之后放置“这是我的信息”。我的标记:

<div data-item-header-id="17">
here is an item
</div>
<div data-item-header-id="17">
here is another item
</div>
<!-- put 'here is my info here' here -->
<div data-item-header-id="18">
here is another item
</div>

警报已调用但未放置在正确的位置。鉴于上述标记，我将如何选择？

if(r.is_placed_at_end=='true'){
  alert('will place at end');
  $('data(item-header-id==17):last)').after("here is my info");
}

我试着看这个，但并没有让我一路走到那里。 jquery data selector

另外，这是对数据元素的正确使用吗？

谢谢

Answer 1

您想使用属性选择器。

$('div[data-item-header-id="17"]:last').after("here is my info");

演示:http://jsfiddle.net/CcA3D/

引用:http://api.jquery.com/category/selectors/