IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

jQuery Discussion :

N'arrive pas à acceder à l'attribut data-


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2018
    Messages
    61
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 30
    Localisation : France, Essonne (Île de France)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Juin 2018
    Messages : 61
    Par défaut N'arrive pas à acceder à l'attribut data-
    Bonjour à tous,

    Je travaille sur un projet et je suis un peu embêter car je n'arrive pas à accéder à l'attribut data-category pour récuperer une liste de catégorie,


    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
     
    {% for tool in abcIngTools %}
     <div class="col-sm-4 col-tool {% if user is defined and not user is empty %}
                                                      {{ tool in user.favoriteTools ? 'favorite-tool' : 'no-favorite-tool' }}{% endif %}"
                             data-tool="{{ tool.slug }}" data-category="{{ tool.category.nameCategory }}"
    </div>
    {% endfor %}
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
     
     
        for(let tool of $('.col-tool')) {
            console.log(tool.data('category));
            abcingTools.push(tool);
            console.log(abcingTools);
        }
    La console me retourne q
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    jquery.min.js:2 Uncaught TypeError: tool.data is not a function
    Auriez-vous une solution ? svp

  2. #2
    Expert confirmé Avatar de Toufik83
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Janvier 2012
    Messages
    2 520
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 42
    Localisation : Maroc

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Janvier 2012
    Messages : 2 520
    Par défaut
    Salut,
    il y a deux possibilités

    Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
     
    for(let tool of $('.col-tool')) {
            console.log("avec attr :"+$(tool).attr('data-category'));
           //ou avec data
            console.log("avec data :"+$(tool).data('category'));
     }
     
    //OU
    $('.col-tool').each(function(){
       console.log($(this).attr('data-category'));
      //ou avec data
       console.log($(this).data("category"));
    });

  3. #3
    Membre confirmé
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2018
    Messages
    61
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 30
    Localisation : France, Essonne (Île de France)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Juin 2018
    Messages : 61
    Par défaut
    J'ai justement essayé cette possibilité mais cela me retourne undefined

  4. #4
    Expert confirmé Avatar de Toufik83
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Janvier 2012
    Messages
    2 520
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 42
    Localisation : Maroc

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Janvier 2012
    Messages : 2 520
    Par défaut
    qu'est ce que tu as mis ? (j'ai testé avant d'envoyer mon post)

  5. #5
    Membre confirmé
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2018
    Messages
    61
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 30
    Localisation : France, Essonne (Île de France)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Juin 2018
    Messages : 61
    Par défaut
    VOilà mon fichier .js

    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
     
     
    $(function () {
        select_category.on('click', function () {
            let category = $(this).val();
            //Ajoute ou retire une catégorie de l'array "categoriesSelected"
            if ( $(this).prop('checked') === false ) {
                let categoryToRemove = category;
                categoriesSelected.splice($.inArray(categoryToRemove, 1),1);
            } else {
                categoriesSelected.push(category);
            }
            //console.log(categoriesSelected);
        });
     
     
         //Récuperer les catégories de chaque outils$
       //$('.col-tool').data('category')
        $('.col-tool').each(function(){
            console.log($(this).attr('data-category'));
            //ou avec data
            console.log($(this).data("category"));
        });
     
        for(let tool of $('.col-tool')) {
            console.log("avec attr :"+$(tool).attr('data-category'));
            //ou avec data
            console.log("avec data :"+$(tool).data('category'));
        }
     
     
        //Comparaison des catégories sélectionnés avec la liste des catégories
     
    });

  6. #6
    Expert confirmé Avatar de Toufik83
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Janvier 2012
    Messages
    2 520
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 42
    Localisation : Maroc

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Janvier 2012
    Messages : 2 520
    Par défaut
    Quand tu inspecte la div, tu vois bien une valeur dans l'attribut data-category?

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. probleme :je n'arrive pas à acceder au serveur tomcat
    Par oasma dans le forum Tomcat et TomEE
    Réponses: 8
    Dernier message: 25/04/2007, 13h48
  2. J'arrive pas à acceder sur mon routeur (linksys)
    Par jabs dans le forum Hardware
    Réponses: 9
    Dernier message: 25/04/2007, 10h12
  3. Réponses: 2
    Dernier message: 26/02/2007, 15h06
  4. Je n'arrive pas à acceder à mon fichier c'est La cata
    Par polianita dans le forum Access
    Réponses: 13
    Dernier message: 17/08/2006, 14h44

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo