JSFiddle - React, Tailwind, and code Playground

HTML

<div id="myDiv" class="test">Div</div>
<button id="myButton" class="test">Button</button>
<span id="mySpan" class="test">Span</span>

<br/>
<br/>
<div class="trace"></div>

CSS

.trace{
    width:200px;
    height:120px;
    padding:10px;
    border:1px solid #ccc;
}

JavaScript

$('.test').each(function(index, element){
    var id = $(element).attr('id'),
        tag = $(element).prop("tagName");
    
    $('.trace').append('<p>ID:'+id+', type:'+tag+'</p>');
});