v3shin

Отдавайте ответ в виде json:

{
    "html": "...",
    "postsCount": 12345,
}

Ну, и если надо, можно туда же page и postsPerPage передавать чисто для справки.

$('#rbs').closest('.radio').fadeOut(); // или .fadeIn(), в зависимости от нужд

Как-то так. Классы и функцию подставьте свои.

document.addEventListener('click', function(e) {
    if (!e.target.closest('.modalClass')) {
        closeModal();
    }
});

А если так? Вместо document можно использовать нужный элемент, например, форму.

(document.querySelectorAll('selector') || []).forEach(element => {
    element.classList.remove('myClass');
});

Как я понял, у вас аккордеон с кучей .nav__link_group, перемежающихся .nav_level2. Попробуйте так:

let lvl2 = $(this).nextUntil('.nav__link_group', '.nav_level2');
// и дальше работа с lvl2

fetch

window.$id = location.pathname + location.search;
Но что-то мне кажется, вы делаете не то.

Можно закатать оба варианта текста в span'ы, обернуть их в .textParent и делать так:

document.querySelector(".text").closest('.textParent').classList.toggle('.textParent__toggled');

И с помощью css отображать/скрывать span'ы.

/>[^<]*(div)[^>]*</gms подойдет? Но придется еще чуть-чуть допилить соответствия. Это в случае если код является строкой. Если вы работаете с html, читайте другие решения.

Из php в js:
let jsVariable = <?= $phpVariable ?>;

Из js в php:

fetch('/some/url', {
    method: 'POST',
    headers: {
        'Content-Type': 'application/json;charset=utf-8'
    },
    body: JSON.stringify({some: 'object'})
}).then(res => res.json()).then(json => {
    console.log(json);
})

fetch()

document.getElementById('pr3').addEventListener('click', function(){
    document.getElementById('tovar3_count').style.width="100%";
    document.getElementById('tovar3_count').style.height="90%";
    ...
});

И с cl3 так же поступите.