JQuery заменить текст наво вложенной таблице

Question

У меня есть немного Jquery, который заменяет все экземпляры newline на моей отрисованной веб-странице XSL на <br /> теги:

$("#ResultsPane td").each(function() {
  var text = ""
  text = $(this).text().replace(/newline/g, "<br />");
});

Мне пришлось обновить вывод, чтобы использовать вложенные таблицы: -

<td colspan="4">
  <table>
    <tbody>
      <tr>
        <td style="text-align: left; padding: 8px;width:70px;vertical-align:top;">08:10 - 12:30 newline 
          13:30 - 17:10 newline </td>
        <td style="text-align: left; padding: 8px;vertical-align:top;">
          20 newline 
          20 newline </td>
        <td style="text-align: left; padding: 8px;vertical-align:top;">
          Artesian Building newline 
          Artesian Building newline </td>
        <td style="text-align: left; padding: 8px;border-right:2px solid #000;vertical-align:top;"></td>
      </tr>
    </tbody>
  </table>
</td>

В результате получается, что при запуске сценария Jquery все вложенные таблицы преобразуются в текстовые узлы.

Может кто-нибудь помочь мне это исправить?

Answer 1

Ваш код не работает, потому что вы не сохраняете изменения. Также
Вы можете использовать .html( function ) вместо .each()

$("#ResultsPane td").html(function(i, h){
  return h.replace(/newline/g, "<br />");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table id="ResultsPane">
  <tr><td colspan="4">
    <table>
      <tbody><tr>
        <td style="text-align: left; padding: 8px;width:70px;vertical-align:top;">08:10 - 12:30 newline 
          13:30 - 17:10 newline </td>
        <td style="text-align: left; padding: 8px;vertical-align:top;">
          20 newline 
          20 newline </td>
        <td style="text-align: left; padding: 8px;vertical-align:top;">
          Artesian Building newline 
          Artesian Building newline </td>
        <td style="text-align: left; padding: 8px;border-right:2px solid #000;vertical-align:top;"></td>
        </tr>
      </tbody></table>
    </td>
  </tr>
</table>