[jQuery] Please help with selectors

Hey,

How can I select “text” in the following code and wrap it in a “span” tag?

<div class="wrap">
   This text should be selected and wrapped in a span
   <span class="span_class_name">Another content</span>
</div>

Thanks guys!

May this helps you: http://stackoverflow.com/questions/926580/find-text-string-using-jquery ?

Use the .text() function.

var textsample = $(' div.wrap ').text();

textsample = "<span>" + textsample + "</span>";

// Clear contents of wrap div then add the text again.

$(' div.wrap ').html("").append(textsample);

I think this will work.

I think he’s not gonna have that exact sentence every time

@mixey – This was a tough one, thank you for this little challenge Here you go:

$('.wrap').each(function(){

    $(this.childNodes).filter(function(index) {
        if(this.nodeType === 3 && this.nodeValue != ''){ return true; }
    }).wrap('<span>');

});
</span>

Here you go http://pastie.org/1579886

Thanks to everyone and especially to Boba.

That did the trick!

mixey said
Thanks to everyone and especially to Boba. That did the trick!

You’re welcome

This is why I effin’ love ThemeForest.