JSFiddle - React, Tailwind, and code Playground

by woodroots

HTML

<div class="block">
blockというdiv
</div>
<p class="item">
  itemというp
</p>
---この下にobjがappendされます----

CSS

div.block {
 padding: 10px;
  border: 1px solid #f00;
}
p.item {
  padding: 10px;
  border: 1px solid #00f;
}
p.generate {
 padding: 10px;
 background: #f00;
 color: #fff;
  
}

JavaScript

$(function(){
	var obj = $('<p class="generate">生成されるp(after)</p>').after($('div.block'));
  $('body').append(obj);

  var obj2 = $('<p class="generate">生成されるp(before)</p>').before($('div.block'));
  $('body').append(obj2);

});