wordpress cookieを利用して投稿に既読マークをつける

wordpressのカスタム投稿を利用します。
記事を読んだユーザーごとに、既読のマークを各投稿につけたいのですが、
1つでも読むと全ての記事に既読マークがついてしまいます。

HTML
1  <article>
2       <div class="post">
3          <a href="/">
4             <img src="/img/example.jpg">
5             <h3>タイトル</h3>
6          </a>
7       </div>
8   </article>

javascript
1$(function () {
2    //cookieの値がonじゃなかったら表示させる
3    if ($.cookie('bnrRead') != 'on') {}
4
5    $('.post').click(function () {
6        $('.post').append('<img src="/img/favorit.svg" alt="お気に入りマーク">');
7    });
8});

こんな感じのjavascriptで、お気に入りマークを投稿ごと、ユーザーごとに、つけたいのですが、
上手くいきません。。。

最終目標として、クッキーでユーザーを判別し、そのユーザーが記事を読んだら、記事の一覧ページのその記事に既読マークをつけたいです。

ご教授いただけましたら幸いです。
よろしくお願いいたします。

行動規範の内容に同意します

回答1件

ベストアンサー

とりあえずクリックした要素にappend。

js
1    $('.post').click(function () {
2    //  $('.post').append('<img src="/img/favorit.svg" alt="お気に入りマーク">');
3    //       ↓
4        $( this ).append('<img src="/img/favorit.svg" alt="お気に入りマーク">');
5    });