title: How we can add a span to a text inside ul, that is outside of li in jquery or css
body: <p>how can i add a span to 'Test content1' and 'Test content2' ?</p>
  
  <pre><code>&lt;ul&gt;
      Test content1
      &lt;li&gt;list item 1&lt;/li&gt;
      &lt;li&gt;list item 2&lt;/li&gt;
      Test content2
      &lt;li&gt;list item 3&lt;/li&gt;
      &lt;li&gt;list item 4&lt;/li&gt;
      &lt;li&gt;list item 5&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>