JSFiddle - React, Tailwind, and code Playground

by sptx457

HTML

<a href="#" class="btn">test</a>
<a href="#" class="btn">test</a>
<button class="bah"></button>
<button class="bah"></button>
<button class="boo"></button>

<div id="tag_name">

</div>

<div id="class_name">

</div>

<div id="path_url">

</div>

JavaScript

const element = {
	tag_name: [],
	class_name: [],
	path_url: []
};

num = 0;

jQuery('a' && 'button').each(function(num) {
	num = num++;
  
	jQuery(this).trigger('click');
  element.tag_name.push([num, jQuery(this).get(0).tagName.toLowerCase()]);
  element.class_name.push([num, jQuery(this).attr('class')]);
	element.path_url.push([num, location.href]);
}); 

var tag = element.tag_name.join(' <br /> ');
var classes = element.class_name.join(' <br /> ');
var urls = element.path_url.join(' <br /> ');

jQuery('#tag_name').html('<br /><br /> tag – <br />' + JSON.stringify(tag));
jQuery('#class_name').html('<br /><br /> class – <br />' + JSON.stringify(classes));
jQuery('#path_url').html('<br /><br /> path – <br />' + JSON.stringify(urls));