JSFiddle - React, Tailwind, and code Playground

Inject Middle of Element

by Shah Danial

HTML

<div class="v2"><div class="custom">
<div class="hook after_entry_content">HAHAHA</div>
<div id="entry-content">



Perenggan 1
<br/><br/>

<div id="middle"></div>

Perenggan 2
<br/><br/>
Perenggan 3
<br/><br/>

<img src="http://2.bp.blogspot.com/-D06ZT8Wudgw/VXK980Nf3oI/AAAAAAAAHNE/xqznyMF4BsQ/s14-c/info.png" />








</div></div></div>

JavaScript

var 
 content = $('.v2 .custom #entry-content>*').length,
 count = parseInt(content/2),
 hook = $('.custom .after_entry_content'),
 manual = $('.custom #entry-content #middle');

 if($(manual).length == 1) {
 
 $(manual).replaceWith(hook);
 
 }else{
 
 $( ".custom .after_entry_content" ).css( "margin", "35px 0" ).insertAfter( '.v2 .custom #entry-content>*:eq('+count+')' );
 
 }