CODEWITHSUNDEEP
javascriptjqueryhtmltags
James Nine
James Nine

Reputation: 2618

In Javascript or jQuery, how do I remove only the first and last tag?

given the following string:

var htmlStr = '<p class="red_349dsa01">This is</p><p class="blue_saf9vsaz">a test</p>';

how can I remove the very first and last tag off this string? This would be the result:

var htmlStr = 'This is</p><p class="blue_saf9vsaz">a test';

I know this will create invalid HTML, but I just want to know if this can be done at all.

Upvotes: 4

Views: 2716

Answers (2)

Adriaan Stander
Adriaan Stander

Reputation: 166376

You could try something like

var htmlStr = '<p class="red_349dsa01">This is</p><p class="blue_saf9vsaz">a test</p>';
alert(htmlStr.substring(htmlStr.indexOf('>') + 1, htmlStr.lastIndexOf('<')));

Upvotes: 4

Andy E
Andy E

Reputation: 344557

You would need a regular expression here:

var regex = /(?:^<p[^>]*>)|(?:<\/p>$)/g;
var htmlStr = '<p class="red_349dsa01">This is</p><p class="blue_saf9vsaz">a test</p>';  
htmlStr.replace(regex, "");

An explanation of the regex:

  1. The first part (?:^<p[^>]*>) uses the caret ^ character to match the start of the string,
  2. then <p will match the start of the opening p tag,
  3. [^>]* will match any character except the > character,
  4. the | splits the expression into two, one in each pair of braces where either can be matched,
  5. the <\/p>$ expression will match a closing </p> tag only if it is right at the end of the string by using the $ character.

Upvotes: 2

Related Questions