comment ajouter un paragraphe sur le dessus de la div contenu

Comment puis-je ajouter de multiples balise de paragraphe, nouvellement étiquette sur le dessus à l'intérieur de la div conteneur.

<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>

Je suis en utilisant append mais à chaque fois que je clique sur le bouton ajouter en bas j'ai besoin d'elle à ajouté sur le dessus de tous paragraphe s'il vous plaît aider.

InformationsquelleAutor Yasir | 2009-04-09
  1. 46

    Vous pouvez utiliser ajouter pour ajouter l'article au-dessus du conteneur:

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

    Mise à jour: Concernant votre commentaire sur la façon de se fanent dans le paragraphe utilisation fadeIn:

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

    Un travail de démonstration: http://jsbin.com/uneso

    • vous êtes alos droit Moff les deux œuvres, comment je peux ajouter un paragraphe avec fadein affecter ?
    • Moff merci, c'masquer le nouvellement ajouté p j'ai besoin d'elle pour montrer avec un fondu affecter comment ? merci d'avance
    • Ok, j'ai corrigé le post maintenant 🙂
    • Merci grand Moff son travail très bien.
    InformationsquelleAutor moff
  2. 35

    Une façon plus élégante sans jQuery:

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

    Cela suppose qu'il existe déjà un élément dans le conteneur btw.

    • il fonctionne même lorsque le réservoir est vide.
    • C'est de loin la meilleure solution sans jQuery. Merci.
    InformationsquelleAutor Mattijs
  3. 14

    Un exemple pour jQuery non-utilisateurs:

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

    peut-être pas le plus court et agréable 🙂

    InformationsquelleAutor
  4. 3

    Ici est une façon sans 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);
     }
}
    InformationsquelleAutor Defender
  5. 2

    Essayez d'utiliser ajouter au lieu de l'ajouter.

    InformationsquelleAutor tvanfosson
  6. 0

    Spécifiques à votre code HTML, ce serait:

    $("#pcontainer").prepend('<p>here's a new paragraph!</p>');
    • Vous avez raison. N'oubliez simplement pas échapper à votre apostrophe là 🙂
    • comment je peux ajouter un fondu affectent avec cela ?
    • Vous auriez à masquer l'alinéa premier, puis appeler la fonction fadeIn. Si au départ, il serait <p class="pHidden" style="display: none;">lkjsdlfkjs</p>, alors vous feriez appel $(".pHidden").fadeIn();
    InformationsquelleAutor Brandon Montgomery