Я хочу привязать динамический c <ul>к динамически созданной <html>таблице - PullRequest
Новая
       1

Я хочу привязать динамический c <ul>к динамически созданной <html>таблице

0 голосов
/ 21 июня 2020

Я хочу привязать динамику c <ul> к динамически созданной таблице <html>. Первое изображение правильное согласно коду.

enter image description here

the image shown below is perfect with the code below,

    $("#forbtn").click(function()    
    {
      
        $.ajax({
            url: "json/animals.json",
            dataType : "json",
            type:"post",
            success : function(data) {
               
               //console.log(data);                    

               //const myobj = JSON.parse(data);
               //console.log(myobj);

               var myobj = data;

               var tabdata = myobj.length;
               var tablebody = ' Имя  Виды  Продукты питания  '; для (я = 0; я '; tablebody + = ' '; tablebody + = myobj [я] .name; tablebody + = ''; tablebody + = ' '; tablebody + = myobj [i] .species; tablebody + = ''; tablebody + = ' 'tablebody + = myobj [i] .foods; tablebody + = ''; } tablebody + = ''; $ ("# таблица2"). html (тело таблицы); $ ("# table2"). css ({"margin-top": "10px"}); $ ("# table2 .tabhead"). css ({"padding": "5px", "background-color": "# E6E6E6"}); $ ("# table2 .tabdat"). css ({"padding": "5px", "background-color": "#FAFAFA"}); }}); });

Однако мне нужно что-то вроде этого, я пытался включить <ul> в упомянутый <td>, но это дает синтаксическую ошибку для l oop. Я не понимаю, что не так в синтаксисе for l oop.

enter image description here enter code here

$.ajax({
            url: "json/animals.json",
            dataType : "json",
            type:"post",
            success : function(data) {
               
               //console.log(data);                    

               //const myobj = JSON.parse(data);
               //console.log(myobj);

               var myobj = data;

               var tabdata = myobj.length;
               var tablebody = ' Имя  Виды  Продукты питания  '; для (я = 0; я '; tablebody + = ' '; tablebody + = myobj [я] .name; tablebody + = ''; tablebody + = ' '; tablebody + = myobj [i] .species; tablebody + = ''; tablebody + = ' ''  'для (j = 0; j

1 Ответ

0 голосов
/ 21 июня 2020

Этот код: 

 tablebody += '<td class="tabdat">'
              '<ul><li>'  for(j=0 ; j<myobj[i].foods.likes.length; j++)  
                          {
                              myobj[i].foods.likes[j];
                          } '<li></ul>';

Необходимо переформатировать в: 

 tablebody += '<td class="tabdat">';
 tablebody += '<ul>';
 for (j=0; j < myobj[i].foods.likes.length; j++)  
 {
     tablebody += '<li>' + myobj[i].foods.likes[j] + '</li>';
 } 
 tablebody += '</ul>';

Есть и другие способы, например, использование join, но здесь показано, как добавить для l oop внутри вашей строки concat.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...