javascript - wordpress の記事をループして、js で css クラスを追加する

Question

良い一日をお過ごしください:)

私は現在プラグインに取り組んでいます。私はすべての記事をループしたいと思います:クリックすると=>ポップアップが開き、ポップアップが閉じると=>このコンテンツが表示されます...私のコードは最初の記事でのみ機能します。それがあなたにとって些細なことだと思われる場合は申し訳ありませんが、私にアドバイスするリンクやチュートリアルがあれば、私は興味があります:)

ありがとうございました ！

function socialLocker() {
    let sl = document.querySelector(".ws-sl-container");
    let slc = document.querySelector(".ws-sl-content");

    document.querySelectorAll(".ws-sl-box-for-social-medias a").forEach(function(ele) {
        ele.onclick = function(e) {
            var web_window = window.open(this.href, 'Share Link', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600,top=' + (screen.height/2 - 300) + ',left=' + (screen.width/2 - 300));
            var check_window_close = setInterval(function() {
                if (web_window.closed) {
                    clearInterval(check_window_close);
                    sl.style.display = "none";
                    slc.style.display = "block";
                }
            }, 1000);
            e.preventDefault();
        };
    });
};