remove <nobr> </nobr> string

Question

I have the following variable which contains the following string. I would like to remove both the <nobr> and the </nobr> and just leave what is inside.

alert(product_code);

produces

<nobr>209/00254/01</nobr>

How would I make a new variable that removes the <nobr> tags?

var product_code = $(this).html();
alert(product_code);

Answer 1

try either:

$(this).text();

or

$(this).children("nobr").html();

Answer 2

If you wanted to just remove them completely (from the original), you can use .replaceWith() for example:

$("nobr").replaceWith(function() { return $(this).contents() });

You can test it out here. Or, $.trim() the .text() result (since they'll be spaces in the result):

var product_code = $.trim($(this).text());

Answer 3

var product_code = $(this).text();

Answer 4

If the code is really just like that, you can do this with plain javascript:

product_code = '<nobr>209/00254/01</nobr>';

// using simple string manipulation
alert( product_code.substring( 6, product_code.length - 7 ) );

// using regular expressions
alert( product_code.match( '<nobr>(.*)</nobr>' )[1] );

// using a bit more powerful regular expression
result = product_code.match( '<nobr>((\\d+)/(\\d+)/(\\d+))</nobr>' );
alert( result[1] ); // 209/00254/01
alert( result[2] ); // 209
alert( result[3] ); // 00254
alert( result[4] ); // 01

Answer 5

in case you have more than one:

$("nobr", this).each(function(){

$(this).replaceWith(function() { return $(this).contents() });

});