Помогите преобразовать PHP в JS или jQuery [закрыт]

154
18 апреля 2022, 21:00
Закрыт. Данный вопрос необходимо конкретизировать. Ответы на него в данный момент не принимаются.

Хотите улучшить этот вопрос? Переформулируйте вопрос так, чтобы он был сосредоточен только на одной проблеме.

Закрыт 1 год назад.

Улучшить вопрос

Есть код, который создает элемент button и вставляет его в nav с классом container, есть код на php, помогите преобразовать его в js или jquery.

$let_category = ['Пицца', 'Роллы',  'Сеты', 'Горячие блюда', 'Салаты', 'Бизнес-ланч', 'Супы', 'Закуски', 'Десерты', 'Хлеб', 'Детское меню', 'Напитки', 'Гарниры',];
$let_slug_id = ['pizza', 'rolls', 'sets', 'hot-dish', 'salads', 'business-lunch', 'soups', 'snacks', 'desserts', 'bread', 'child-menu', 'drinks', 'garnishes',];
echo count($let_category) . ' ' . count($let_slug_id);
$nav = '<nav class="container">';
for ($i = 0; $i < count($let_category); $i++) {
    $nav .= "<button class=\"btn-menu ripple-btn\" category=\"{$let_slug_id[$i]}\">{$let_category[$i]}</button>" . PHP_EOL;
}
$nav .= '</nav>';
echo $nav;
Answer 1

let category = ['Пицца', 'Роллы',  'Сеты', 'Горячие блюда', 'Салаты', 'Бизнес-ланч', 'Супы', 'Закуски', 'Десерты', 'Хлеб', 'Детское меню', 'Напитки', 'Гарниры'];
let slug = ['pizza', 'rolls', 'sets', 'hot-dish', 'salads', 'business-lunch', 'soups', 'snacks', 'desserts', 'bread', 'child-menu', 'drinks', 'garnishes'];
let lenDiv = document.createElement("div");
lenDiv.innerHTML = category.length+' '+slug.length;
document.body.append(lenDiv);
let nav = '<nav class="container">';
for ($i = 0; $i < category.length; $i++) {
    nav += "<button class=\"btn-menu ripple-btn\" category=\""+slug[$i]+"\">"+category[$i]+"</button>";
}
nav += '</nav>';
let navDiv = document.createElement("div");
navDiv.innerHTML = nav;
document.body.append(navDiv);

Answer 2

Так же можно через литералы

let category = ['Пицца', 'Роллы',  'Сеты', 'Горячие блюда', 'Салаты', 'Бизнес-ланч', 'Супы', 'Закуски', 'Десерты', 'Хлеб', 'Детское меню', 'Напитки', 'Гарниры'];
  let slug_id = ['pizza', 'rolls', 'sets', 'hot-dish', 'salads', 'business-lunch', 'soups', 'snacks', 'desserts', 'bread', 'child-menu', 'drinks', 'garnishes'];
  document.write(`<p>${category.length} ${slug_id.length}</p>`);
  let nav = '<nav class="container">';
  for (let i = 0; i < category.length; i ++) {
    nav += `<button class="btn-menu ripple-btn" category = "${slug_id[i]}">${category[i]}</button>`;
  }
  nav += '</nav';
  document.write(nav);
Answer 3

Вариант на jQuery

let category = [
      'Пицца', 'Роллы', 'Сеты',
      'Горячие блюда', 'Салаты', 'Бизнес-ланч',
      'Супы', 'Закуски', 'Десерты',
      'Хлеб', 'Детское меню', 'Напитки',
      'Гарниры'
    ],
    slug_id = [
      'pizza', 'rolls', 'sets',
      'hot-dish', 'salads', 'business-lunch',
      'soups', 'snacks', 'desserts',
      'bread', 'child-menu', 'drinks',
      'garnishes'
    ],
    nav = $('<nav class="container"></nav>');
for(let i = 0; i < category.length; i++) {
  nav.append('<button class="btn-menu ripple-btn" category="'+slug_id[i]+'">'+category[i]+'</button>');
}
$('body').html(nav);
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

READ ALSO
обход скриптом всех селекторов [закрыт]

обход скриптом всех селекторов [закрыт]

Хотите улучшить этот вопрос? Добавьте больше подробностей и уточните проблему, отредактировав это сообщение

165
Почему WaitAll не работает должным образом

Почему WaitAll не работает должным образом

Я хочу что бы метод DistributeTrucks выполнялся параллельно, но при этом запуск таймера должен происходить только тогда, когда все задачи выполнятьсяСейчас...

167
Цифровой сертификат и расширения

Цифровой сертификат и расширения

Всем доброго времени суток!

156
Не удается закрыть Excel в диспетчере задач

Не удается закрыть Excel в диспетчере задач

После создания объекта Excel не удается его закрыть: он также висит диспетчере задач:

168