Loading files into folder and read <li> tag content

Loading files into folder and read <li> tag content

Hello experts,

I'd like to know How I can import list from other files:
  2. Files_to_list
  3. ├── list_files.html
  4. ├── list_1.html
  5. ├── list_2.html
  6. ├── list_3.html


  9. _______________________________
  10. Structure of list_1.html
  11. _______________________________

  13. <ul class="list-content">
  14.    <li class="article-item">
  15.       <div class="text-container">
  16.          <div class="article-status"><span class="article-status-label">Publicado</span></div>
  17.          <div class="article-title">Você costuma sonhar com fantasmas? Você está desconectado, entenda aqui</div>
  18.          <div class="footer">
  19.             <div class="article-info">
  20.                <span class="article-info-item comments">0 comentários</span>
  21.                <span class="article-info-item">368 recomendações</span>
  22.                <span class="article-info-item">9 cliques</span>
  23.                <span class="article-info-item">2018-03-12 </span></div>
  24.          </div>
  25.       </div>
  26.    </li>
  27.    <li class="article-item">
  28.       <div class="text-container">
  29.          <div class="article-status"><span class="article-status-label">Publicado</span></div>
  30.          <div class="article-title">Bom dia Aquário, sua previsão do amor&amp;sexo para Seg e Ter (13.03)</div>
  31.          <div class="footer">
  32.             <div class="article-info"><span class="article-info-item comments">0 comentários</span><span class="article-info-item">275 recomendações</span><span class="article-info-item">22 cliques</span><span class="article-info-item">2018-03-12 </span></div>
  33.          </div>
  34.       </div>
  35.    </li>
  36. </ul>

  38. _______________________________
  39. Structure of list_files.html
  40. _______________________________

  43. <!DOCTYPE html>
  44. <html lang="pt">
  45. <head>
  46.   <title>Lista de Posts</title>
  47.   <meta charset="utf-8">
  48.   <meta name="viewport" content="width=device-width, initial-scale=1">
  49.   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  50.   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  51.   <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

  53.         <script src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
  54.         <script type="text/javascript">

  56.         $(document).ready(function() {

  58.           var $table = $(".article-item").length;
  59.           //alert('Tulio o total é: '+$table);
  60.           var i= 1;
  61.           var $status, $titulo, $comments, $items, $item1,$item2,$item3;
  62.           
  63.               $('.article-item').each(function(){
  64.                 //$status = $(this).text();
  65.                 $status = $(this).find('.article-status-label').text();
  66.                 $titulo = $(this).find('.article-title').text();

  68.                 $items = $(this).find('.article-info-item').text().split(' ');
  69.                 $comments = $items[0].replace(/[^0-9]/g, '');
  70.                 $item1 = $items[1].replace(/[^0-9]/g, '');
  71.                 $item2 = $items[2].replace(/[^0-9]/g, '');
  72.                 $item3 = $items[3].replace(/[^0-9]/g, '');

  74.                 $('#myTable').append('<tr id='+i+'><td>'+i+'</td><td>'+$status+'</td><td>'+$titulo+'</td><td>'+$comments+'</td><td>'+$item1+'</td><td>'+$item2+'</td><td>'+$item3+'</td></tr>');
  75.                 i++;
  76.               });

  78.         });



  82.         </script>
  83.     <style type="text/css">
  84.         ul{
  85.             display:none;
  86.         }
  87.     </style>

  89.     </head>
  90.     <body>

  92. <table id="myTable" class="table">
  93.   <tbody>
  94.   <tr>
  95.       <td>ID</td>
  96.       <td>Status</td>
  97.       <td>Titulo</td>
  98.       <td>Comentarios</td>
  99.       <td>Recomendações</td>
  100.       <td>Clicks</td>
  101.       <td>data</td>
  102.   </tr>
  103.   </tbody>
  104. </table>

  106. <!-- ADD HERE -->




  111. _______________________________
  112. Result of list_files.html
  113. _______________________________

  115. 4 rows in set (0.00 sec) - [Button Copy To Clipboard]
  116. +------+--------+----------------------+------------------------------------+---------------------------+------------------+-------------------+
  117. | ID   | File   | article-status-label | article-title | article-info-item comments| article-info-item| article-info-item |
  118. +------+--------+----------------------+------------------------------------+---------------------------+------------------+-------------------+
  119. | 1    | list_1 | Publicado            | Você costuma sonhar com fantasmas? | 10              | 9                | 368               |
  120. | 2    | list_1 | Publicado            | Title test 123     | 5              | 12               | 123               |
  121. | 3    | list_2 | Cancelado            | Title test 456    | 196              | 32               | 94                |
  122. | 4    | list_3 | Cancelado            | Title test 789 | 23 | 87               | 12                |
  123. +------+--------+----------------------+------------------------------------+---------------------------+------------------+-------------------+