mrzgt

Если нужен массив таких же ссылок с нарастающими "pages", тогда вариант в цикле еще добавить все после знака ? еще раз сделав substring.

let TotalPages = 10, pages = [], i=0, href="https://site/ua-search/page-2?search=футболка";
while (++i <= TotalPages)
pages.push(href.substring(0,href.indexOf("page-")+5) + i + href.substring(href.indexOf("?")));

Или через replace

let TotalPages = 11, pages = [], i=0, href="https://site/ua-search/page-2?search=футболка";
while (++i <= TotalPages)
pages.push(href.replace(/\/page-\d+\?/, "/page-"+i+"?"));

P.S. Но так пагинацию не делают. URL не строят из текущей страницы и меняя в ней цифру, это велосипед в буквальном смысле.

let href = "https://site/ua-search/page-4?search=футболка";

Твой вариант, но со вторым параметром в substring:

console.log(href.substring(href.indexOf("page-")+5, href.indexOf("?")));

Вариант с регуляркой:
console.log(href.match(/page-(\d+)/)[1]);

let htmlString =  '<a href="https://site/ua-search/page-4?search=футболка">4</a>';
let content = htmlString.replace(/<a.*?>(.*?)<\/a>/g, "$1");
console.log(content);//4

ЧатГПТ услужливо написал регулярку.

А если type="search" указать, то разве не сработает?

Разбить на 2 массива:

$products_5 = array_slice($products, 0, 5);
$products_more = array_slice($products, 5);

run php online

{% set ccs = "stylesheet/skins/stylesheet/" ~ $num_cssstyle ~ ".css" %}

for(let i = 1; i <= 3; i++) {
    $('.owl').find('.text-slider' + + i).removeClass('ef-slider' + i);
    $('.owl.owl-active').find('.text-slider' + i).addClass('ef-slider' + i); 
}

$('div').first().removeClass('hidden')

Так и должно быть, при клонировании обработчики всегда слетают. Если хотите, чтобы не слетало, используйте onclick:

<button onclick="slideout.open();" class="toggle js-slideout-toggle">☰</button>

Либо после клонирования заново вешайте обработчики.

Потому что это размеры окна браузера или размеры элемента с учетом внешних отступов.
Используйте clientWidth

Всё работает.
Ваш вариант:

if(document.getElementsByClassName("input-quantity").value <= 1) {
   return false;
   }

Мой вариант:

if(document.getElementsByClassName("input-quantity")[0].value <= 1) {
   return false;
   }

ну дык className возвращает список элементов, а не один элемент.
и количество этих элементов = ClassName('class').length.
а ссылка на конкретный элемент в классе = ClassName('class')[0] (первый элемент).
а уже к нему можно и value применять.

https://jsfiddle.net/77umgcp3/

если я правильно понял задумку, то вот так должно сработать. код практически эквивалентен вашему. вторая функция срабатывает при уводе курсора с меню

$(document).ready(function () {
    $('#menu .dropdown >.dropdown-menu').on(
        {
            mouseenter: function () {
                $("#menu .dropdown .dropdown-toggle").after('<div id="menu_background"></div>');
            },
            mouseout:   function () {
                $("#menu_background").remove();
            }
        }
    );
});

если этот код тоже не работает, то объяснение вижу только одно: у вас на странице несколько элементов #menu_background. а поиск по id ведется так, что находится первый попавшийся. id обязательно должен быть уникальным на странице. как вариант, можно воспользоваться классом, вместо id

Вас есть акционный товар со скидкой, которая заканчивается в определенный день?
- Тогда вам желательно заполнить данную переменную

Если у вас товар со стандартной ценой и вы не знаете, когда цена сменится
- Тогда вам не нужно заполнять данную переменную

На будущее, в доках слова типа "Рекомендуется", "Обязательно", "Желательно" имеют указательную силу и их нужно понимать буквально

$(document).ready(function() {
var clicked = false
$(document).on("click", '#submit', function() {
!clicked && $.ajax({
url: '',
type: 'post',
dataType: 'json',
data: $(''),
success: function (data) {
      }
    });

clicked = true
  });
});

var el = document.getElementById('col');
if (el) {
  el.classList.add('some-class');
}

var el = document.getElementById('col');
if (el) {
  var otherEl = document.getElementById('other-id');
  if (otherEl) {
    otherEl.classList.add('some-class');
  }
}

<?php 
$html = '';
foreach ($v as  $vs) { ?>
<div class="item">
<img src="" title="" alt="" />
</div>
<?php 
$html .= '<li data-target="" data-slide-to=""></li>';
}
 ?>

<ol class="carousel-indicators">
<?=$html;?>
</ol>

*fix

Ваше решение рабочее, но в условии есть логическая ошибка. В вашем случае $counter будет равен 4 только 1 раз, необходимо же проверять деление $counter на 4 без остатка и если условие true, то выводить div:

<?php if ($counter % 4 == 0) { ?>
  <div class="clearfix"></div>
  <?php } ?>
  <?php } ?>