Объединение текста из таблицы в блоб

zazvorniki спросил: 14 ноября 2017 в 07:28 в: javascript

В моем коде есть блок данных, который я разделяю на таблицу, чтобы она выглядела более презентабельно. Это работает нормально, и это довольно круто.

Однако у меня возникла проблема при объединении данных, поэтому я могу сохранить их обратно в виде неприглядного блоба, потому что я не могу изменить какой-либо бэкэнд.

Я пробовал простую конкатенацию, но она печатает классы в отдельных строках, когда их нужно объединять в группы. Есть идеи?

<table class="table" id="DataTables_Table_5">
  <thead style="display:none;">
    <tr role="row">
      <th name="date" scope="col" class="sorting_disabled commentDate" rowspan="1" colspan="1" style="width: 0px;">Invalid date</th>
      <th name="user" scope="col" class="sorting_disabled commentUser" rowspan="1" colspan="1" style="width: 0px;">UserName</th>
      <th name="comment" scope="col" class="sorting_disabled commentComment" rowspan="1" colspan="1" style="width: 0px;">Comment</th>
    </tr>
  </thead>
  <tbody>
    <tr role="row" class="odd">
      <td class=" commentDate">Fr 01 12, 2017</td>
      <td class=" commentUser">Demo</td>
      <td class=" commentComment">skvbgskjhbgswdjefv</td>
    </tr>
    <tr role="row" class="even">
      <td class=" commentDate">Mo 04 12, 2017</td>
      <td class=" commentUser">DEMO</td>
      <td class=" commentComment">This issvgswrgwrgwrgwrg</td>
    </tr>
    <tr role="row" class="odd">
      <td class=" commentDate">Mo 04 12, 2017</td>
      <td class=" commentUser">DEMOoooo</td>
      <td class=" commentComment">Super long. Super aewsome. Super long. Super aewsome. Super long. Super aewsome. Super long. Super aewsome. Super long. Super aewsome. Super long. Super aewsome. Super long. Super aewsome. Super long. Super aewsome. Super long. Super aewsome. Super long. Super aewsome. Super long. Super aewsome. Super long. Super aewsome. </td>
    </tr>
    <tr role="row" class="even">
      <td class=" commentDate">Mo 04 12, 2017</td>
      <td class=" commentUser">DEMO DEMO</td>
      <td class=" commentComment">This is a short comment after the super long comment</td>
    </tr>
  </tbody>
</table>

и js, которые я пробовал, выглядит следующим образом

$(".commentDate").text()+ '\n' + $(".commentUser").text() + '\n\n' + $(".commentComment").text()+ '\n\n'

https://www.bootply.com/ 8sDFSzV22Y

0 ответов