11548 sujets

JavaScript, DOM et API Web HTML5

bonjour

j'ai le code suivant que je souhaiterai entourer d'une balise div

<form accept-charset="UTF-8" method="post" action="/page/contact" id="confirm" class="form-horizontal">
	<input type="hidden" value="confirm" name="confirm" id="confirm">
	<input type="hidden" value="xxx" name="name" id="name">
	<input type="hidden" value="xxx" name="subject" id="subject">
	<input type="hidden" value="xxx" name="message" id="message">
	<input type="submit" value="Confirmer" class="btn btn-inverse">
</form>
<form accept-charset="UTF-8" method="post" action="/page/contact" id="discard" class="form-horizontal">
	<input type="hidden" value="discard" name="discard" id="discard">
	<input type="submit" value="Annuler" class="btn btn-inverse">
</form>


j'ai essayé

$('form#confirm').before('<div class="form-actions">');
$('form#discard').after('</div>');

et
$('form#confirm').prepend('<div class="form-actions">');
$('form#discard').append('</div>');

mais rien n'y fait

pouvez-vous m'aider à résoudre mon problème ?
Modifié par vincent3569 (06 Apr 2012 - 11:46)
Salut

jquery .wrap() (ou .wrapAll() ) semble être ce que tu recherches

$("p").wrap("<div class="form-actions"></div>");

Modifié par kenor (04 Apr 2012 - 20:02)
si j'ai bien compris, wrap va entourer le selecteur.
donc dans ton exemple, la balise <p>

de mon coté, c'est 2 balises bien identifiées que je cherche à entourer, et ça je ne sais psa faire.
Bonjour,
j'ai essayé ceci, ça marche :


$("form#confirm, form#discard").wrapAll("<div></div>");


j'obtiens une div qui entoure les deux formulaires
bonjour

en écrivant ceci, je suis arrivé à mes fins
merci de votre aide

jQuery(document).ready(function($) {
	$('form#confirm, form#discard').wrapAll('<div class="form-actions"></div>');
});