ユニークなIDを持つ繰り返し処理した要素に個別にjQueryでモーダルを付ける方法

<?php foreach($tweets as $tweet):?> <!--繰り返し処理-->

<ul class=" mytweet_item ">

<li class="current_nav_icon " data-modal-link="<?= $tweet->id ?>"> //←ここ➀！！
<i class="fas fa-angle-down"></i>
</li>

<li class="current_action_nav " data-modal-content="<?= $tweet->id ?>"> //←ここ➁！！

<!--ここからli要素にulタグを入れています-->
<ul class="menu">

<li class="action">　
<!--CakePHPのお作法に従って記述した書き方なので少し特殊ですがこういう意味です-->
<!--ここはli要素にaタグでテキストがviewというタグを入れており、リンクに投稿のidをGET送信し、投稿の詳細ページへ繋がっています。-->
<?= $this->Html->link(__('view'), ['action' => 'view', $tweet->id]) ?>
</li>


<li class="action">
<!--ここはli要素にaタグでテキストがeditというタグを入れており、リンクに投稿のidをGET送信し、投稿の編集ページへ繋がっています。-->
<?= $this->Html->link(__('edit'), ['action' => 'edit', $tweet->id]) ?>
</li>

<li class="action">
<!--ここはli要素にaタグでテキストがdeleteというタグを入れており、リンクに投稿のidをPOST送信し、投稿を削除する処理を行います。-->
<?= $this->Form->postLink(__('delete'), ['action' => 'delete', $tweet->id], ['confirm' => __('Are you sure you want to delete # {0}?', $tweet->id)]) ?>
</li>

<li class=" close-menu">
<i class="fa fa-2x fa-times"></i>
</li>

</ul> //menu-end
<!--liの入れ子になっているul終了-->

</li>　<!--current_action_nav--end-->

</ul> <!--mytweet_item--end-->

<?php endforeach;?>

$('.current_nav_icon').click(function () { //メニューアイコンクリック


var target = $(this).data('modalLink');

//変数targetにクリックしたメニューボタンの
//data-modal-linkというカスタムデータクラスに入っている投稿のidを入れる
//HTMLのコードの　←ここ➀！！　とコメントしている行

$('[data-modal-content = ' + target + ']').fadeIn();
});
//targetに入ったidとdata-modal-contentというカスタムデータ属性に入った
//投稿のidが同じ要素をフェードインで表示
//HTMLのコードの　←ここ➁！！　とコメントしている行


$('.close-menu').click(function () {
$('.current_action_nav').fadeOut();
//クローズボタンをクリックして、フェードインしたものをフェードアウトで消す
});