wordpressのwp-json内にあるcontentをすべて取得し、それぞれ個別にモーダルで表示したい

###実現したいこと
wordpressにてループさせた投稿一覧をモーダルウィンドウで開いたときに
wp-json内のcotentをすべて取得し、それぞれ個別にモーダルで表示したいです。

例えばこのようにしたいです。
hoge要素をクリック→hogeのコンテンツ
fuga要素をクリック→fugaのコンテンツ

###起こっている問題
現状、
data[i].content.rendered;
でやるとcontentは取得ができますが、
一つの投稿記事しか取得できません。

上記の例でいうと、
hogeをクリック→hogeのコンテンツ
fugaをクリック→hogeのコンテンツ
となってしまいます。

なにか方法はないでしょうか？

###ソースコード

php
1<div class="post-series2">
2<?php
3$args = array(
4        'post_type' => 'post',
5        'posts_per_page' => 2
6    );
7    $wp_query = new WP_Query( $args );
8    if ($wp_query->have_posts()) : $i=1;
9        while ($wp_query->have_posts()) :  $wp_query->the_post();
10    ?>
11<div class="post-media2">
12<button data-izimodal-open=".list"><?php echo get_the_title() ?></button>
13</div>
14<?php $i++; endwhile; 
15    else: echo '記事がありません。';
16    endif; wp_reset_postdata(); ?>
17</div>
18
19<!--もっと見るのボタン-->
20<span class="next_posts_link2">
21    <?php next_posts_link(); ?>
22</span>
23
24<?php
25    global $paged;
26    if( empty( $paged ) ) $paged = 1;
27
28    global $wp_query;
29    $pages = $wp_query -> max_num_pages;
30    if( !$pages ) {
31        $pages = 1;
32    }
33    if( $pages != 1 && $paged < $pages ):
34 ?>
35
36<div class="scroll_wrap">
37<button class="view-more-button2" type="button">もっと見る</button>
38<div class="scroller-status page-load-status2" style="display:none;">
39    <div class="infinite-scroll-request"></div>
40    <p class="infinite-scroll-last mb-5">これ以上、製品はありません</p>
41    <p class="infinite-scroll-error mb-5">読み込むページがありません</p>
42</div>
43</div>
44<?php endif; ?>

jQuery
1<script>
2var doAjaxWithModal = function(modal){
3$.ajax({
4  type: "GET",
5  url: "{URL}/wp-json/wp/v2/posts"
6}).done(function(data) {
7  var len = data.length;
8  for(var i=0; i < len; i++){
9    var content = data[i].content.rendered;
10    $(".list .iziModal-content").html(content);
11  }
12}).fail(function() {
13  }).always(function() {
14  modal.stopLoading();
15});
16};
17$(".list").iziModal({
18  onOpening: function(modal){
19  modal.startLoading();
20  doAjaxWithModal(modal);
21  return false;
22}
23});
24
25</script>