Comment écrire un élément dans un div en utilisant jQuery?

Question

Comment écrire un <div> dans un autre avec jQuery?

J'ai un <div> que je ne peux pas modifier en HTML parce que je travaille dans un CMS. Donc, 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 click, mais comment écrire avec jQuery un <div> INSIDE un autre <div> spécifique?

Answer 1

Vous pouvez sélectionner le div existant, et ajouter un nouveau div:

$('#OuterDiv').append('<div id="innerDiv"></div>'); 

Answer 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); 

}); 

Answer 3

Vous pouvez utiliser la méthode wrap() jQuery, qui vous envelopper div intérieure dans un autre http://api.jquery.com/wrap/

Answer 4

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

Cela devrait le faire, en supposant ne se soucient pas ce qui est dans ce .parent_div. Il y a tellement d'approches pour faire ce genre de choses, que vous feriez mieux de lire un peu les méthodes d'insertion DOM de jQuery.

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/

Answer 5

créer un nouvel élément

$('<div>') 

append alors que l'endroit où vous devez

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

this helps