I wonder, how to delete:
<span>blablabla</span>
from:
<p>Text wanted <span>blablabla</span></p>
I'm getting the text from p using:
var text = $('p').text();
And for some reason I'd like to remove from var text the span and its content.
How can I do it?
It's impossible to remove the <span> from the variable text, because it doesn't exist there — text is just text, without any trace of elements.
You have to remove the span earlier, while there is still some structure:
$('p').find('span').remove();
Or serialize the element using HTML (.html()) rather than plain text.
Don't edit HTML using regular expressions — HTML is not a regular language and regular expressions will fail in non-trivial cases.
var html = $('p').html();
var tmp = $('<p>').html(html);
tmp.find('span').remove();
var text = tmp.text();
p.childNodes and concatenate their .textContent, skipping nodes with .tagName=='SPAN' (that's raw DOM, I'm not sure what that is in jQueryish).text = text.replace(/<span>.*<\/span>/g, '');
<span attributeName="blah" otherAttribute="blahblah"..>. Only use regex on HTML if you're completely in control of the HTML.
<span..> tag. And he didn't specify if he was in control of the HTML.to remove the unwanted whitespace before the <span> use
text = text.replace(/\s*<span>.*<\/span>/g, '');
leaving you with
<p>Text wanted</p>
