您可以使用prepend将段落添加到容器的顶部：

// HTML: <div><p>Lorem ipsum</p></div>
$('div').prepend('<p>Bla bla bla');

字符串

更新：关于您对如何淡入段落的评论-使用fadeIn：

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

型
一个工作演示：http://jsbin.com/uneso

一种不使用jQuery的更优雅的方式：

var container = document.getElementById('pcontainer');
container.insertBefore(document.createElement("p"), container.firstChild);

字符串
这假设容器btw中已经有一个元素。

非jQuery用户的示例：

document.getElementById('pcontainer').innerHTML = '<p>new paragraph</p>' + document.getElementById('pcontainer').innerHTML;

字符串
也许不是那么短和漂亮：）

尝试使用prepend而不是append。

下面是一个没有jQuery的方法：

function prependParagraphs()
{
     var choosenDiv = document.getElementById("pcontainer");
     for(var i=0; i<5; i++)
     {
         var newP = document.createElement("p");
         var text = document.createTextNode("new paragraph number: " + i);
         newP.appendChild(text);
         choosenDiv.insertBefore(newP, choosenDiv.firstChild);
     }
}

字符串

具体到您的HTML，它将是：

$("#pcontainer").prepend('<p>here's a new paragraph!</p>');

字符串

你可以使用一个小技巧，例如，首先将新的html存储在一个变量中，并将它与旧的内容一起附加到容器中。

const container = document.getElementById("pcontainer")
container.innerHTML = `<p>new para you want to add</p> ${container.innerHTML}`

字符串

没有jquery的更新解决方案是使用prepend()方法。“

function add() {
  let p = document.createElement('p')
  p.innerText = 'added before'
  document.getElementById('pcontainer').prepend(p)
}

button = document.getElementById('add')
button.addEventListener('click', add)

个字符