データ要素の最後にコンテンツを配置する方法 - データ要素を使用してデータ要素を選択する方法

Question

次のマークアップがあり、この後にajaxコールバックがトリガーされたときに「here is my info」を配置します。私のマークアップ：

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