jQuery html() example

by HYEONGJINKIM

HTML

<h1>jQuery html() example</h1>

<div class="htmlClass">I'm going to replate by something ....</div>

<div class="htmlClass">I'm going to replate by something 2....</div>

<p>
  <button id="getHtml">html()</button>
  <button id="setHtml">html('xxx')</button>
  <button id="reset">reset</button>
</p>

CSS

.htmlClass {
  padding: 8px;
  border: 1px solid blue;
  margin-bottom: 8px;
}

JavaScript

$("#getHtml").click(function() {
  alert($('.htmlClass').html());
});

$("#setHtml").click(function() {
  $('.htmlClass').html('<b>This is a new text</b>');
});

$("#reset").click(function() {
  location.reload();
});