Discussion :

[jules_diedhiou]

bonjour jai un bouton qui ajoute un champs input et je veux supprimer un champs l'ajout marche mais cest la suppression qui pose probléme

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
 
  $(document).ready(function() {
 
	//var nb = $("#champ input").length;
 
	$("input#autocomplete0").autocomplete({
		source: availableTags
	});
var nb = 0;
	$("#button").click(function(){
		//alert(nb);
		nb++;
		var last = parseInt($("#champ input:last").attr("class")) + 1; //numéro de la classe du input qui va suivre;
 
		$("#champ").append("<div class=\""+last+"\"><tr><td>Tapez le motif :<input id=\"autocomplete"+last+"\" class=\""+last+"\" name=\"motif["+last+"]\"  size = \"75\"/></td><input type=\"button\" class=\"loginButton\"name=\"button"+last+"\" id=\"button"+last+"\" value=\"Supprimer\" /></tr></div>"); // ajout du champ input qui va suivre
 
		$("input#autocomplete"+last).autocomplete({
			source: availableTags
		});
	});
 
 for(i=1;i<=nb;i++){
	$("#button"+i).click(function(){
		alert(nb);
		 //numéro de la classe du input qui va suivre;
		//if(last > 0){
 
		$("."+i+"").remove(); // sup du champ input qui va suivre
 
 
	});
 }
 
  });

[devyan]

Salut,

Vérifie ton html, il est probable que l'élément ayant class="valeur de i" ne soit pas celui que tu penses (ou n'existe pas)...


devyan

Edit: étant donné que tu veux supprimer le conteneur du bouton sur lequel tu as cliqué cela serait peut-être plus simple de demander l'élément spécifique :
$(this).closest("tbody").remove();

Oui j'ai mis "tbody" parce que "div" ne devrait pas être présent comme conteneur de "tr" si tu veux que ton html soit valide.

[jules_diedhiou]

Sur mon html j'ai que le 1er champs

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<div id="champ" class="0">Tapez le motif :<input id="autocomplete0" name="motif[0]"  size="75" /></div>

mais quand j'ajoute une ligne ça ajoute et quand je vais affichage code source j'ai que ce 1er champs qui s'affiche

[SpaceFrog]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$("."+i+":eq(0)").remove();

mais c'est surtout que tes boutons sont ajoutés dynamiquement
et donc n'existent pas au moment du ready
il faut dont passer par live() (deprecié) au profit de on() ou de delegate

[jules_diedhiou]

au fait quand je le met en dehor du <tr> en ajoutant il m'affiche le nouveau champs autre part

[SpaceFrog]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$("[id^='button']").on('click',function(){

[jules_diedhiou]

j'ai remplacé

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$("."+i+"").remove();

par

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$("."+i+":eq(0)").remove();

mais ça ne marche pas

[SpaceFrog]

on() ou delegate()

ou alors attribue le click du bouton après l'avoir inséré dynamquement