title: jquery html new element after <span>
body: <p>I have this HTML:</p>
  <pre><code>&lt;div data-value=&quot;1606132800&quot;&gt;
     &lt;span&gt;23&lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  <p>And, I want use jQuery to add a p tag after my span like this:</p>
  <pre><code>&lt;div data-value=&quot;1606132800&quot;&gt;
     &lt;span&gt;23&lt;/span&gt;
     &lt;p&gt;1$&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  <p>I have tried:</p>
  <pre><code>$(&quot;div[data-value='&quot;+key+&quot;'] &gt; span&quot;).html('&lt;p&gt;'+value.price+' '+currency+'&lt;/p&gt;');
  $(&quot;div[data-value='&quot;+key+&quot;']&quot;).children('span').html('&lt;p&gt;'+value.price+' '+currency+'&lt;/p&gt;');
  </code></pre>
  <p>I don't want to use append because will apend altot of my p tags and every time before appends a new element i have to remove the p tag to add just 1 tag
  I am using this at the moment.</p>
  <pre><code> $(&quot;div[data-value='&quot;+key+&quot;']&quot;).children('p').remove();
   $(&quot;div[data-value='&quot;+key+&quot;']&quot;).append('&lt;p&gt;'+value.price+' '+currency+'&lt;/p&gt;');
  </code></pre>
  <p>The reason for i am trying to get a better solution is that is a bit slow and not very good solution.</p>
  <p>Thanks for you help!</p>