Question

173

rated 0 times [ 175] [ 2] / answers: 1 / hits: 70837 / 15 Years ago, thu, april 9, 2009, 12:00:00

How can I add multiple paragraph tag, newly tag on top within div container.

<div id=pcontainer>

  <p>recently added on top every time on click event recently added paragarph on top</p>

  <p>added before recent</p>

</div>

I am using append but every time I click button it add to bottom I need it to added on top of all paragraph please help.

Only authorized users can answer the question. Please sign in first, or register a free account.

Total Points: 652

Total Questions: 107

Total Answers: 98

Location: Finland

Member since Sat, Nov 6, 2021

3 Years ago

malkajillc questions

Wed, Nov 2, 22, 00:00, 2 Years ago

Tue, Jun 29, 21, 00:00, 3 Years ago

Tue, Dec 15, 20, 00:00, 4 Years ago

Fri, Aug 21, 20, 00:00, 4 Years ago

Tue, Aug 11, 20, 00:00, 4 Years ago

answered 15 Years ago neob · Accepted Answer

You may use prepend to add the paragraph at the top of the container:

// HTML: <div><p>Lorem ipsum</p></div>

$('div').prepend('<p>Bla bla bla');

Update: Regarding your comment about how to fade in the paragraph - use fadeIn:

$(#pcontainer).prepend($('<p>This paragraph was added by jQuery.</p>').fadeIn('slow'));