0
désolé je ne parle pas bien l'anglais, je veux créer un outil qui permet de dupliquer un div grâce à un "nombre d'entrée" et un bouton, puis je veux aussi cloner cet outil en le réinitialisant à pouvoir utiliser l'outil à nouveau, Voici un morceau de code:dupliquer et cloner div
$(function() {
\t $('#btn_dupliquate').on('click', function() {
\t var numDuplication = $('#num-duplication').val();
if (numDuplication > -1) {
\t var div = $('.common_preview');
$('.result').html('');
\t for (var i = 0; i < numDuplication; i++) {
\t $('.result').append(div.clone());
}
}
});
});
\t $(function() {
\t $(".heading").keyup(function() {
\t var heading=$(this).val();
\t $(".common_preview").html("<div class='bloc'><p class='model'>"+heading+"</p></div>");
\t return false;
\t });
\t });<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="toNumDuplicate">
<input type="text" class="heading" />
\t
\t <br/>
\t <br/>
\t <input id="num-duplication" type="number" >
<br/>
<br/>
<button id="btn_dupliquate"> dupliquate </button>
</div>
\t <div id="toDuplicate">
\t \t <div class="common_preview" >
\t \t \t <div class="bloc">
\t \t \t \t \t <p class="model">test</p>
\t \t \t </div>
\t \t </div>
\t </div>
<div class="result"></div>
<button id="btn_clone">clone</button>
Quel est le problème et/ou la question? –
alors qu'est-ce que vous vouliez faire de votre bouton 'clone'? Juste enlever tous les divs? –
exactement ce que vous voulez pouvez-vous montrer une sortie? – Omi