Discussion :

[xxnameless]

Salut,

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
18
19
20
21
22
<div class="infobull" style="display: none;">
Le contenu div
<button type="button" class="btn btn-success suivant">Suivant</button>
</div>
 
//div 2
 <div class="infobull" style="display: none;">
Le contenu div
<button type="button" class="btn btn-success suivant">Suivant</button>
</div>
 
//div 3
 
 <div class="infobull" style="display: none;">
Le contenu div
<button type="button" class="btn btn-success suivant">Suivant</button>
</div>
 
.
.
.
.

Je voudrais quand je clique sur le dernier button suivant du dernier DIV me dirige vers une page

Code :

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

1
2
3
4
5
6
7
$(document).ready(function () {
    $('.suivant').click(function () {
        $(this).parent('.infobull').toggle();
        $(this).parent('.infobull').next().toggle();
        //quand on cliquesur le dernier button me dirige vers une page
    });
});

[danielhagnoul]

$( 'button.suivant:last' ).on( 'click', function( ev ){ // code }); : http://api.jquery.com/last-selector/.

[xxnameless]

Merci infiniment a ta réponse, mais quand j ai ajouter la balise méthode avant tous les div le code ne fonctionne plus
quand je clique sur le boutton suivant le code ne fonctionne plus

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
18
19
20
21
22
23
24
25
26
<form method="POST">
 
<div class="infobull" style="display: none;">
Le contenu div
<button type="button" class="btn btn-success suivant">Suivant</button>
</div>
 
//div 2
 <div class="infobull" style="display: none;">
Le contenu div
<button type="button" class="btn btn-success suivant">Suivant</button>
</div>
 
//div 3
 
 <div class="infobull" style="display: none;">
Le contenu div
<button type="button" class="btn btn-success suivant">Suivant</button>
</div>
 
.
.
.
.
/
</form >

[Toufik83]

puisque toutes tes div ont la même Class "infobull", pourquoi ne pas profiter de l'index()?

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
$(function(){
	$(".suivant").click(function(){
  	var index=$(this).parent().index(".infobull");
    if(index==2){
    console.log("Redirection, Index: "+index);
    }
    /*ou autrement
    	if(index==$(".suivant").length-1){console.log("redirection");}
    */
  });
});