.each() ne remplace qu'un élément
Bonjour à tous,
J'ai un problème d'itération. Mon but est de chercher les résultats d'un tour de vote précédent pour les indiquer à côté du vote courant. J'ai donc créé des div avec un id spécifique, itéré dessus et appelé une fonction php pour récupérer les votes dans la base. Ca c'est pour l'idée. Résultat seul le premier div se voit attribuer la valeur puis les suivants à chaque refresh de la page...
le fragment html qui se répète n fois avec des paramètres différents :
Code:
1
2
3
4
5
6
7
8
9
10
| <td class="zoneVote" width='14%' >
<div id="previousVote" title="11_22|2">none</div>
<select id="currentVote" title="11_22|2" name="vote" >
<option></option>
<option> 1 </option>
<option> 2 </option>
<option> 3 </option>
<option> - </option>
</select>
</td> |
getPreviousVote.js
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
| $(document).ready(function(){
$("div[id='previousVote']").each(function(){
var response = "";
var title = $(this).attr("title");
var chapter = title.substr(0, title.indexOf("_", 0));
var row = title.substr(title.indexOf("_", 0)+1, title.indexOf("|", 0)-title.indexOf("_", 0)-1);
var col = title.substr(title.indexOf("|")+1, title.length);
var dataString = 'chap='+ chapter +'&row='+ row +'&col='+ col;
response = $.ajax({
type: "GET",
url: "../functions/getPreviousRoundData.php",
data: dataString,
success: function(){
}
}).responseText;
$(this).text(response);
});
}); |
Et le résultat est que seul le premier div est remplacé, les suivants le sont 1 à 1 à chaque refresh de la page.
Merci d'avance de m'apporter vos lumières.
cdg
