Using the jquery html() function

Question

I have a paragraph

<p>hello<br>wor&nbsp;l&nbsp;d</p>

then I want show the paragraph's html in another textarea use jquery html() method

    $(function () {
        var temp = $('p').html();

        $("textarea").html(temp);
    });

but the result is

hello<br>wor l d

Why does <br> not work? I didn't change any html.

Here is the example.

Are you after displaying the html source from the paragraph's contents, or showing it with   and <br> rendered as space and line break? — Tomas Aschan
– Tomas Aschan, Commented Jul 14, 2011 at 10:39
@Tomas Lycken:yes,I still want the line break,cuz I want the the mark write to the sql,so when next time I want read from the sql,it would keep as it original look like — hh54188
– hh54188, Commented Jul 14, 2011 at 11:33

Luke · Accepted Answer · 2011-07-14 10:51:19Z

3

? isn´t that clear? you are requesting the html and this one is pasted into the textbox? You will have to replace the br into linebrakes, like "\n"

var temp = $('p').html();

 $("#tt").html(temp.replace(/<br\s*(\/|)>/gi, '\n'));

edited Jul 14, 2011 at 10:51

answered Jul 14, 2011 at 10:32

Luke

8,4173 gold badges24 silver badges36 bronze badges

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

3 Comments

DarthJDG Over a year ago

Use temp.replace(/<br\s*(\/|)>/gi, '\n') to catch 'em all.

Luke Over a year ago

thanks DarthJDG, but from now on, we should also say (since it begins to look not like a "fast" answer anymore) that this method replaces only once, right?

DarthJDG Over a year ago

With the regex's gi flags set, it replaces all occurrences and it's doing a case-insensitive search.

BonyT · Accepted Answer · 2011-07-14 10:35:17Z

0

A textarea simply displays text, not formatted HTML.

answered Jul 14, 2011 at 10:35

BonyT

11k5 gold badges34 silver badges53 bronze badges

Comments

BenM · Accepted Answer · 2011-07-14 10:37:32Z

0

Yes, if you want to output it as displayed, the following code should help:

$(function() {
    var temp = $('p').html();
    var textareaval = temp.replace("<br>", "\n");
    textareaval = textareaval.replace("<br />", "\n");
    $('textarea').html(textareaval);
});

See the jsFiddle here: http://jsfiddle.net/6adgA/

answered Jul 14, 2011 at 10:37

BenM

53.3k26 gold badges116 silver badges172 bronze badges

Collectives™ on Stack Overflow

Using the jquery html() function

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related