在數據元素結束時放置內容 - 如何選擇數據元素

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

此外，數據元素的這種正確使用？

thx

Answer 1

您想要使用屬性選擇器。

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

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

參考：http://api.jquery.com/category/selectors/