title: Remove inline style from string element using javascript/jquery
body: <p>Suppose I have this string:</p>
  
  <pre><code>let string = '&lt;h1 style="lots of class"&gt; &lt;/h1&gt;&lt;h2&gt; &lt;p style="bunch of class"&gt; &lt;/p&gt; &lt;p style="bunch of class"&gt; &lt;/p&gt;&lt;/h2&gt;';
  </code></pre>
  
  <p>so basically it is a bunch of elements like this but in string:</p>
  
  <pre><code>&lt;h1 style="bunch of class"&gt; &lt;/h1&gt;
  &lt;h2&gt; 
    &lt;p style="bunch of class"&gt; &lt;/p&gt;
    &lt;p style="bunch of class"&gt; &lt;/p&gt;
  &lt;/h2&gt;
  </code></pre>
  
  <p>using jquery or vanilla javascript, how do I remove the style attribute from the string? </p>
  
  <p>I have already tried this one:</p>
  
  <pre><code>$(string).find('h1').removeAttr('style');
  </code></pre>
  
  <p>but it is not working</p>