Comment écrire un élément à l'intérieur d'une div à l'aide de jQuery?

Comment puis-je écrire un <div> l'intérieur d'une autre avec jQuery?

J'ai un <div>que je ne peux pas modifier en HTML car je travaille dans un CMS. Si je veux écrire un élément (<div>) à l'intérieur de ce <div> avec une fonction de clic.

J'ai déjà créé la fonction de clic, mais comment puis-je écrire avec jQuery un <div> à l'INTÉRIEUR d'un autre <div>?

OriginalL'auteur DiegoP. | 2011-05-19

  1. 10

    Vous pourriez choisir le div, et ajouter une nouvelle div:

    $('#OuterDiv').append('<div id="innerDiv"></div>');
    Cela est inexact, car vous êtes en train de créer un frère ou une sœur, pas un enfant.
    la documentation que vous lier a un exemple qui montre la append méthode de l'ajout d'un enfant (autour de $( ".inner" ).append( "<p>Test</p>" );). Comment avez-vous lu cela?

    OriginalL'auteur Andomar

  2. 3
    $('.clickaclick').click( function(){    
    $('.parent_div').html('<div />');
});

    Qui devrait le faire, en supposant que vous ne vous souciez pas ce que .parent_div . Il ya tellement de nombreuses approches pour faire ce genre de chose, il ferait mieux de lire un peu sur jQuery DOM méthodes d'insertion.

    http://api.jquery.com/html/

    http://api.jquery.com/append/

    http://api.jquery.com/appendTo/

    http://api.jquery.com/prepend/

    http://api.jquery.com/prependTo/

    http://api.jquery.com/text/

    OriginalL'auteur dclowd9901

  3. 2

    Comme ceci:

    $("#div1").click(function() {

    $(this).append("<div>new div</div>");

});

    ou ceci:

    $("#div1").click(function() {

    var $div = $("<div/>")
                   .attr("id", "div2")
                   .html("new div");

    $(this).append($div);

});

    OriginalL'auteur Code Maverick

  4. 1

    créer un nouvel élément

    $('<div>')

    puis ajouter que là où vous devez

    $('<div>').text('im a new div').appendTo($('#divId'));

    espère que cette aide

    OriginalL'auteur rroche

  5. 0

    Vous pouvez utiliser le jQuery wrap() la méthode, qui vont vous envelopper intérieure div à l'intérieur d'un autre http://api.jquery.com/wrap/

    OriginalL'auteur Claudio