Finding text node

Question

Is there a clever jQuery selector for selecting a text node like this:

one two three         


        
      

Answer 1

I'm not sure you can easily do that with straight jQuery, unless you can wrap that word in another tag when writing it out. You could resort to regular expressions, something like:

function wrapWithTag(tagname, element, text)
{
    var html = element.html();
    var rx = new RegExp('(' + text + ')', "gi");

    element.html(html.replace(rx, '<' + tagname + '>$1'));
}

$(function(){
    wrapWithTag('strong', $('div'), 'three');
});

The regular expression will need some tuning if you're trying to match text in different places within the element though.