【jquery】ループで回している投稿の3つごとに親要素を追加したい

前提・実現したいこと

wordpressの投稿をループで出力し、その結果の3投稿ごとに親要素を追加したいです。

PHP
1<?php
2$customPostArg = array(
3	'posts_per_page' => -1,
4	'post_type' => 'post',
5	'cat' => 6
6);
7$customPosts = get_posts($customPostArg);
8?>
9<div class="post_items">
10
11<?php if ($customPosts) : foreach ($customPosts as $post) : setup_postdata($post);  ?>
12		<div class="post_item">
13			<a href="<?php the_permalink(); ?>">hogehoge</a>
14		</div>
15<?php endforeach;
16endif; ?>
17<?php wp_reset_postdata(); ?>
18</div>

↓出力結果

PHP
1<div class="post_items">
2	<div class="post_item">
3		<a href="">hogehoge</a>
4	</div>
5	<div class="post_item">
6		<a href="">hogehoge</a>
7	</div>
8	<div class="post_item">
9		<a href="">hogehoge</a>
10	</div>
11	<div class="post_item">
12		<a href="">hogehoge</a>
13	</div>
14	<div class="post_item">
15		<a href="">hogehoge</a>
16	</div>
17	<div class="post_item">
18		<a href="">hogehoge</a>
19	</div>
20	<div class="post_item">
21		<a href="">hogehoge</a>
22	</div>
23</div>

この出力結果を下記のように3つごとに親要素を追加したいです。
（最後の3つに満たないitemも親要素を追加する）

php
1<div class="post_items">
2	<div class="post_item-parent">
3		<div class="post_item">
4			<a href="">hogehoge</a>
5		</div>
6		<div class="post_item">
7			<a href="">hogehoge</a>
8		</div>
9		<div class="post_item">
10			<a href="">hogehoge</a>
11		</div>
12	</div>
13	<div class="post_item-parent">
14		<div class="post_item">
15			<a href="">hogehoge</a>
16		</div>
17		<div class="post_item">
18			<a href="">hogehoge</a>
19		</div>
20		<div class="post_item">
21			<a href="">hogehoge</a>
22		</div>
23	</div>
24	<div class="post_item-parent">
25		<div class="post_item">
26			<a href="">hogehoge</a>
27		</div>
28	</div>
29</div>

試したこと

javascript
1<script>
2	$(function() {
3		$(".post_item:nth-child(3n)").after('</div>');
4		$(".post_item:nth-child(3n-2)").before('<div class="post_item-parent">');
5	});
6</script>

上記コードでタグを追加してみましたが、出力がうまくいきません。

有識者の方がいらっしゃいましたら、ご教授いただけますと嬉しいです。
どうぞ、よろしくお願い致します。

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

回答1件

ベストアンサー

標準のarray_chunk()という関数が使えると思います。
https://www.php.net/manual/ja/function.array-chunk.php

↓それっぽいサンプルコード。

php
1$all = [1, 2, 3, 4, 5, 6, 7, 8];
2$a3 = array_chunk($all, 3);
3var_export($a3);
4    // array (
5    //   0 => 
6    //   array (
7    //     0 => 1,
8    //     1 => 2,
9    //     2 => 3,
10    //   ),
11    //   1 => 
12    //   array (
13    //     0 => 4,
14    //     1 => 5,
15    //     2 => 6,
16    //   ),
17    //   2 => 
18    //   array (
19    //     0 => 7,
20    //     1 => 8,
21    //   ),
22    // )
23
24foreach ( $a3 as $a ) {
25    echo '<div>'.PHP_EOL;
26    foreach ( $a as $n ) {
27        echo $n.PHP_EOL;
28    }
29    echo '</div>'.PHP_EOL;
30}
31    // <div>
32    // 1
33    // 2
34    // 3
35    // </div>
36    // <div>
37    // 4
38    // 5
39    // 6
40    // </div>
41    // <div>
42    // 7
43    // 8
44    // </div>