No entiendo muy bien que valor llega a obtener este script $( this ).parent().get( 0 ).tagName;
. Además, con el => document.createTextNode( parentTag + " > "
no entiendo mucho.
$( "*", document.body ).each(function() {
var parentTag = $( this ).parent().get( 0 ).tagName;
$( this ).prepend( document.createTextNode( parentTag + " > " ) );
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<div>div,
<span>span, </span>
<b>b </b>
</div>
<p>p,
<span>span,
<em>em </em>
</span>
</p>
<div>div,
<strong>strong,
<span>span, </span>
<em>em,
<b>b, </b>
</em>
</strong>
<b>b </b>
</div>
Resultado
- BODY > div, DIV > span, DIV > b
- BODY > p, P > span, SPAN > em
- BODY > div, DIV > strong, STRONG > span, STRONG > em, EM > b, DIV > b