Jquery Selector lent

Fermé
madangel Messages postés 10 Date d'inscription samedi 13 décembre 2008 Statut Membre Dernière intervention 22 novembre 2011 - 22 nov. 2011 à 05:11
Bonjour,

J'ai une application listant des province/villes/quartier.
Ce que je fais en ce moment, c'est que quand je sélectionne une province,
seulement les villes associé sont affiché. Je fais cela en cachant les autres. Le problème
c'est que mon selector jquery est extremement lent (30sec - 1min après le clique).

Comme je suis débutant avec jquery/javascript, j'espère pouvoir optimiser mon code avec votre aide.

voici à quoi ressemble mes ligne pour les élément de liste d'une ville :

 <li id="villeLi" idVille="10" idProvince="5" >Québec</li>


tout cela entourer d'un
<ul id="ville"></ul>


et voici mon code pour lorsque je clique sur une province

$("#province").selectable({
                    stop: function(e, ui) {
                        $(".ui-selected:first", this).each(function() {
                            $(this).siblings().removeClass("ui-selected");
                            selectedProvince = $(this).attr("idProvince");
                        });
                        if(selectedProvince > 0){
                                document.getElementById('ville').style.display = 'block';
                                
                                var villes = $("#ville").find('#villeLi');
                                villes.each(function(){
                                    var ville = $(this);
                                    if(ville.attr("idProvince") == selectedProvince){
                                        ville.show();
                                    }else{
                                        ville.hide();
                                    }
                                });
                            }else{
                                document.getElementById('ville').style.display = 'none';
                            }
                    }
                });


Merci d'avance
Maxime