jQuery Girl
  1. jQuery Girl
  3. Comment puis-je supprimer des éléments créés dynamicment de la forme en utilisant la fonction de clic sur l’image?
Intereting Posts
JQuery $ (document) .ready () et document.write () Poste AJAX n’envoyant pas de données au contrôleur Laravel Link Fill Script dans le formulaire de saisie Obtenir de la valeur de JQUERY datepicker Passez la souris sur .animate s’arrête avant .animate Erreur JavaScript: “n’est pas un constructeur” jQuery: Arrêtez le menu déroulant de se réduire lorsque vous cliquez sur ses enfants Remplir une image dans un conteneur carré tout en conservant les proportions Comment gérer les cas où aucune sélection d’élément n’est effectuée mais qu’une chaîne est présente dans le champ de saisie semi-automatique? Créer un tableau multidimensionnel avec un formulaire dynamic jquery Détection de l’état d’ouverture / fermeture d’un accordéon jquery-ui code javascript conditionnel non en cours d’exécution affichage des codes de réponse par code d’erreur Des listes déroulantes dépendantes de JQuery peuplent comment Javascript: sélection du texte pour copier tous les éléments similaires dans un document HTML

Comment puis-je supprimer des éléments créés dynamicment de la forme en utilisant la fonction de clic sur l’image?

Comment puis-je supprimer des éléments créés dynamicment de la forme en utilisant la fonction de clic sur l’image? le code est: 

   Attendee's List           <!--
-->  var ii=0; function add(type) { //Create an input type dynamically. var element = document.createElement("input"); var element2=document.createElement("input"); var element3=document.createElement("img"); var e="img"+type; element3.setAtsortingbute("type","img"); element3.setAtsortingbute("value",type); element3.setAtsortingbute("src","C:/Documents%20and%20Settings/Gayakwad/Desktop/MpPro/WebContent/img/delete.png"); element3.setAtsortingbute("name", e); element2.setAtsortingbute("type", "text"); element2.setAtsortingbute("value", type); ii=ii+1; var o=type+ii; element2.setAtsortingbute("name", o); //Assign different atsortingbutes to the element. element.setAtsortingbute("type", "checkbox"); element.setAtsortingbute("value", type); var d="chk"+type; element.setAtsortingbute("name",d); // element3.addEventListener("onclick",element2.removeAtsortingbute("text1"),false); var foo = document.getElementById("draggable1"); //Append the element in page (in span). foo.appendChild(element2); foo.appendChild(element); foo.appendChild(element3); remove_option(menu); var mybr = document.createElement("br"); foo.appendChild(mybr); var mybr2 = document.createElement("br"); foo.appendChild(mybr2); }    <!--
-->  function remove_option(selectbox) { var i; var sel=selectbox.selectedIndex; selectbox.remove(sel); }   #draggable1 { width: 150px; padding: 0.5em; } #draggable1 h3 { text-align: center; margin: 0; }   $(function() { $( "#draggable1" ).draggable(); $( "#draggable1" ).resizable({ handles: "n, e, s, w" }); });   function ShowHide(divId) { var ele=document.getElementById(divId); ele.remove(divId); }    
 
 
Select the fields you want from list and press add.
 
 
Select the fields that are visible public
  Name Age Date of birth Designation E-mail ID Contact Number Place Company Name Address Number of guests Comments      
     
 <!--      -->

Tout d’abord sélectionnez votre conteneur d’object dans votre cas est draggable1, puis sélectionnez les enfants de conteneur et supprimez en fonction de l’index 

 $("#draggable1").children().remove();

-> mais cela enlèvera tous les enfants

ou vous pouvez éventuellement filtrer les enfants comme

$("draggable1").children(":contains('sometext')").remove();

ou un autre filtre chez les enfants object à l’aide de l’index des enfants 

 $("draggable1").children(":nth-child(0)").remove();

Je vois que vous utilisez jQuery … 

 $('#idImageElement').click(function(){ $('.classElementsToRemove').remove(); });