remove html tags from string js/jquery

Question

I'm trying to show a text that i'm getting from the server with html tags.

Let's say i got

"a\nb\nc\nd\ne\nf\n"

and i want to show

a
b
c
d
e
f

i tried using jquery text() but i get empty string:

var answer = params.question.answer;
$('#answer_text').html($(answer).text());

i also tried with regex but nothing happens:

var regex = /(<([^>]+)>)/ig;
var answer = params.question.answer.replace(regex, '');
$('#answer_text').html(answer);

Milind Anantwar · Accepted Answer · 2015-06-18 07:48:29Z

2

You need to convert \n into <br/> for creating line breaks in html:

var answer= "a\nb\nc\nd\ne\nf\n";
$('#answer_text').html(answer.replace(/\n/g, "<br />"));

Working Demo

answered Jun 18, 2015 at 7:48

Milind Anantwar

82.3k26 gold badges97 silver badges128 bronze badges

Sign up to request clarification or add additional context in comments.

7 Comments

Vikash Over a year ago

That's what I thought.

user2587454 Over a year ago

something is really wierd. if i'll do exactly the same it will work but if i'll change var answer= "a\nb\nc\nd\ne\nf\n"; to var answer = params.question.answer it won't work. the value from params.question.answer is exactly as "a\nb\nc\nd\ne\nf\n"

Milind Anantwar Over a year ago

what does ` params.question.answer` alerts??

user2587454 Over a year ago

it's a value i get from json and passing it to the function. the value inside is a string with "a\nb\nc\nd\ne\nf\n"

Milind Anantwar Over a year ago

what about $('#answer_text').html(params.question.answer.replace(/\n/g, "<br />"));

|

Prasanna · Accepted Answer · 2015-06-18 08:04:34Z

2

Using REGEX Remove \n and add <br /> tag.

Try:

var answer = "a\nb\nc\nd\ne\nf\n";
var regex = /\n/gi;
$('#answer_text').html(answer.replace(regex, "<br />"));

Demo

edited Jun 18, 2015 at 8:04

answered Jun 18, 2015 at 7:58

Prasanna

7795 silver badges13 bronze badges

Comments

Arun P Johny · Accepted Answer · 2015-06-18 08:16:15Z

0

Another option is to use the white-space rule

var answer = "a\nb\nc\nd\ne\nf\n";
$('#answer_text').html(answer);

#answer_text {
  white-space: pre-line;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="answer_text"></div>

answered Jun 18, 2015 at 8:16

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

Collectives™ on Stack Overflow

remove html tags from string js/jquery

3 Answers 3

7 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

7 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related