Databases
StackOverflow2013
Postsdbo
POWrap a SPAN tag around text that exists already in a table, using jQuery
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POWrap a SPAN tag around text that exists already in a table, using jQuery
    text
    copied!<p>I would like to wrap a <code>span</code> tag around text (shown below) which exists already in my table.</p> <p>Text to wrap in <code>span</code> tag:</p> <pre><code>Build Muscle and Train Harder&lt;br&gt; &amp;nbsp; Boost Energy without the Calories&lt;br&gt; &amp;nbsp; Promote Nitric Oxide Production </code></pre> <p>My HTML:</p> <pre><code>&lt;table width="100%" cellspacing="0" cellpadding="0" border="0"&gt; &lt;tbody&gt; &lt;tr&gt; &lt;td&gt;Build Muscle and Train Harder&lt;br&gt; &amp;nbsp;Boost Energy without the Calories&lt;br&gt; &amp;nbsp; Promote Nitric Oxide Production&lt;br&gt;&lt;br&gt; &lt;table cellspacing="0" cellpadding="0" border="0" id="tttt"&gt; &lt;tbody&gt; &lt;tr&gt; &lt;td&gt;&lt;b&gt;&lt;font class="pricecolor colors_productprice"&gt;&lt;span class="PageText_L483n"&gt;&lt;h3&gt;&lt;b style="font-size:13px"&gt;&lt;span class="saleprice"&gt;&lt;font class="text colors_text"&gt;&lt;b&gt;&lt;span class="PageText_L335n"&gt;Sale Price&lt;/span&gt;: &lt;/b&gt;&lt;/font&gt;&lt;/span&gt; &lt;b class="prodPrOr"&gt;$34.05 &lt;/b&gt;&lt;/b&gt;&lt;/h3&gt;&lt;/span&gt;&lt;/font&gt;&lt;/b&gt;&lt;br&gt;&lt;a class="pricecolor colors_productprice" href="/ShoppingCart.asp?ProductCode=amino%2Dchewables"&gt;&lt;b&gt;&lt;span class="PageText_L655n"&gt;&lt;img class="AddRight" src="/v/vspfiles/assets/images/addtocartsmall.gif"&gt;&lt;/span&gt;&lt;/b&gt;&lt;/a&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/tbody&gt; &lt;/table&gt; &lt;br&gt;&lt;br&gt; &lt;a onclick="window.open('/help_FreeShipping.asp', 'FreeShipping', 'scrollbars,status,resizable,width=300,height=300');" href="javascript:void(0);"&gt; &lt;img border="0" alt="" src="/v/vspfiles/templates/2007New/images/Icon_FreeShipping.gif" class="vCSS_img_icon_free_shipping"&gt;&lt;/a&gt; &lt;/td&gt; &lt;td valign="top" align="right" id="v65-productdetail-action-wrapper" class="v65-productdetail-options"&gt; &lt;div id="contact"&gt; &lt;img src="/v/vspfiles/assets/images/osw0001_talk_button.jpg"&gt; &lt;/div&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td colspan="2"&gt; &lt;ul&gt;&lt;/ul&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/tbody&gt; &lt;/table&gt; </code></pre>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload