jQuery addClass example

Change class name on click in jQuery

by fastfasterfastest

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.5.0/knockout-min.js"></script>
<strong>With Knockout text binding:</strong>
<table data-bind="foreach: rows">
   <tr>
      <td class="formatted" data-bind="text: message" />
   </tr>
</table>
<strong>With Knockout html binding:</strong>
<table data-bind="foreach: rows">
   <tr>
      <td class="formatted" data-bind="html: message" />
   </tr>
</table>
<strong>With DOM textContent:</strong>
<table>
   <tr>
      <td id="withDOMTextContent" class="formatted" />
   </tr>
</table>
<strong>With DOM innerHTML:</strong>
<table>
   <tr>
      <td id="withCarriage" class="formatted" />
   </tr>
</table>

CSS

.formatted {
  white-space: pre-wrap;
}

JavaScript

$(document).ready(function () {
  // with knockout
  var json = '[{ "message" : "line1\\u000dline2\\u000dline3" }]';
  var parsed = JSON.parse(json);
  var master = { rows: ko.observableArray(parsed) };
  ko.applyBindings(master);   
  // without knockout
  $('#withCarriage')[0].innerHTML = parsed[0].message;
  $('#withDOMTextContent')[0].textContent = parsed[0].message;
});