Question

I’m having a bit of a quarrel with jQuery. I’m trying to inject a span with a specific class around a part of the content on an HTML page.

For example, this is the html I have:

<td class="">4 <a href="#">view</a></td>

And what I want is

<td class=""><span class="num_cell">4</span> <a href="#">view</a></td>

I feel this may be easier than I’m making it — can anyone help?

Answer 1

This should also work:

$('td').each(function(){
    $(this).contents().first().wrap("<span class='num_cell'>");
})