JSFiddle - React, Tailwind, and code Playground

HTML

<p class="page-id-1">test 1</p>
<p class="page-id-2">test 2</p>
<p class="page-id-3">test 3</p>
<p class="page-id-4">test 4</p>
<p class="page-id-5">test 5</p>
<p class="page-id-6">test 6</p>
<p class="page-id-7">test 7</p>
<p class="page-id-8">test 8</p>
<p class="page-id-9">test 9</p>
<p class="page-id-10">test 10</p>

CSS

/*

<body class="page-id-xx>
  <div id="#navi"></div>
</body>

構造的にこうなってるので、

$("[class^='page-id-" + hidePage[i] + "'] #navi")
の場合、「page-id-」から始まるセレクタの hidePage が3,5,9の場合、その子要素の#naviを.cssでdisplay:noneすると言うような内容になります。

page-id-がbodyタグについているため、サンプルではPタグにしました。

*/

JavaScript

jQuery(function ($) {
    $(function () {
        var hidePage = [3, 5, 9];
        $.each(hidePage, function (i) {
            $("[class^='page-id-" + hidePage[i] + "']")
                .css({
                    display: "none"
                });

            /*
            #naviで対応する場合
            $("[class^='page-id-" + hidePage[i] + "'] #navi")
            	.css({
                	display: "none"
                });
            */
        });
    });
});