Discussion :

[jaljal]

Bonjour,

je voudrais récupérer l'id du premier occurence du tag input de type submit après un span ayant par exemple l'id "myspan"

Code html :

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

1
2
3
4
<span id="myspan">
test
</span>
<input id="myinput" type="submit" value="Valider" />

comment faire pour récupérer l'id "myinput" dans ce cas

Merci d'avance

[SpaceFrog]

Code :

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

.closest(':submit').attr('id')

[jaljal]

Merci pour la réponse

j'obtiens undefined avec le script ci dessous

Code html :

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
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
 
<form id ="myform">
<span id="myspan">
test
</span>
<input id="myinput" type="submit" value="Valider" />
<input id="mysecondinput" type="submit" value="annuler" />
 
</form>
 
 
 
<script>
alert($("#myspan").closest(':submit').attr('id'));
 
</script>

comment faire pour afficher mon input dans ce cas

Merci

[SpaceFrog]

curieux en effet

Code :

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

alert($("#myspan").nextAll(':submit').attr('id'));

ou

Code :

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

alert($("#myspan").parent().find(':submit').attr('id'));

[jaljal]

ça marche avec ça

Code :

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

1
2
 
alert($("#myspan").parent().find(':submit').attr('id'));

Merci

[Bovino]

Spaffy : .closest() remonte l'arborescence du DOM afin de trouver l'élément le plus proche. Dans le cas présent, l'élément cherché est un élément frère, donc pas pris en compte par .closest().

@jaljal : ta solution est inutilement compliquée...

Code :

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

alert($("#myspan").next('[type=submit]').attr('id'));

est plus simple... et plus efficace que $(':submit') qui ne permet pas d'utiliser les méthodes natives du DOM pour faire la recherche.