title: Displaying class name in all paragraph or other elements on the page
body: <p>Is there an easy way to select all classes and display it's class name? output and example of what I mean below: </p>
  
  <pre><code>&lt;div class="random_div_class"&gt;
      &lt;p class="example_lang"&gt;&lt;/p&gt;
      &lt;p class="example_2_lang"&gt;&lt;/p&gt;
      &lt;p class="random_lang"&gt;&lt;/p&gt;
      &lt;a class="random_link_lang"&gt;&lt;/a&gt;
      &lt;span class="random_span_lang"&gt;&lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>to </p>
  
  <pre><code>&lt;div class="random_div_class"&gt; // ignore div classes
      &lt;p class="example_lang"&gt;example_lang&lt;/p&gt;
      &lt;p class="example_2_lang"&gt;example_2_lang&lt;/p&gt;
      &lt;p class="random_lang"&gt;random_lang&lt;/p&gt;
      &lt;a class="random_link_lang"&gt;random_link_lang&lt;/a&gt;
      &lt;span class="random_span_lang"&gt;random_span_lang&lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Unfortunately I have no example code to show because I have to idea where to start. I could also not find a solution online. Any tips are welcome. </p>
  
  <p>Thanks</p>