Javascript Добавить функцию, Нужно построить цикл

Question

У меня есть файл .php, в котором я использую HTML и JavaScript для отображения элементов из моей базы данных.У меня есть функция добавления JavaScript, которая создает карты, где отображается каждый элемент.На моих карточках есть кнопка, которая будет расширять карточку, чтобы показать историю продукта.У некоторых продуктов больше истории, чем у других, поэтому расширение должно быть динамичным.Исторические данные извлекаются из базы данных и изначально находятся в массиве php.Первоначально я собирался установить php в функцию добавления javascript, но я не мог понять, как установить переменную индекса JavaScript 'I' в свой индекс php.Поэтому я хочу просто остаться с JavaScript.Но я не знаю, как написать цикл в середине этой функции добавления, которая будет перебирать исторический массив и заполнять расширение.Ниже то, что я пытаюсь.Я удалил много строк в функции добавления, но вы можете видеть, что я пытаюсь сделать.

function get_products() {
    clear_cards();
    $.each(productNumbers, 
        function(i, value) {

            $('.main_card_shell').append(
            "<div class='card_content card_style' id='card" + i + "'>" + 
                       "<div id='card_tab2" + i + "' class='tabcontent' data-tab='tab-name2'>" +
                        "<div class='details_tables'>" +
                            "<table>" +
                                "<tr>" +
                                    "<th>Item Type</th>" +
                                    "<th>Painted</th>" +
                                    "<th>Last Sold" +
                                        "<a id='_close_tab" + i + "' class='tablinks tab_override' onclick=\"openCity(event,'card_tab4" + i + "')\">" +
                                            "<i class='large angle up icon'></i>" +
                                        "</a>" +                                                 
                                    "</th>" +
                                "</tr>" +
                                "<tr>" +
                                var itemdatesplit = itemdate[i].split("$$");
                                var itemtypesplit = itermtype[i].split("$$");
                                var itemsplit = item[i].split("$$");
                                var arraylength = itemsplit.length;
                                var counter = 0;
                                while(counter < arraylength)
                                {
                                     + "<td>" + itemtypesplit[counter] + "</td>" +
                                    + "<td>" + itemdatesplit[counter] + "</td>" +
                                    counter = counter + 1;
                                }
                                    +
                                "</tr>" +
                            "</table>" +
                        "</div>" +
                    "</div>" +

Пожалуйста, помогите.Я работал с вставленным PHP, но я просто не мог понять, как установить его в переменную PHP.

Answer 1

Поместите этот код в функцию:

function getSomething(i) {
  var html = '';
  var itemdatesplit = itemdate[i].split("$$");
  var itemtypesplit = itermtype[i].split("$$");
  var itemsplit = item[i].split("$$");
  var arraylength = itemsplit.length;
  var counter = 0;
  while(counter < arraylength) {
      html += "<td>" + itemtypesplit[counter] + "</td>";
      html += "<td>" + itemdatesplit[counter] + "</td>";
      counter = counter + 1;
  }
  return html;
}

А затем используйте его в своем строительном блоке HTML:

'<some html>' + getSomething(i) + '<some other html>'