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 :

Afficher le texte des td en Jquery affichés dans un alert()


Sujet :

jQuery

  1. #1
    Membre averti
    Homme Profil pro
    Chargé d'affaire
    Inscrit en
    Novembre 2015
    Messages
    49
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 32
    Localisation : France, Nord (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Chargé d'affaire

    Informations forums :
    Inscription : Novembre 2015
    Messages : 49
    Par défaut Afficher le texte des td en Jquery affichés dans un alert()
    Bonjour, à priori, cela n'a rien de trop compliqué.... Mais je n'y arrive pas.

    Voici un bouton qui affiche le contenu d'une cellule dont le nom de la classe est : "idClass".
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    <button onclick= alert($(".idClass").eq(1).html()) > 
    Afficher ID 
    </button>
    Quand je clique sur le bouton, je vois par exemple : "1"...


    Je voudrais que ce même bouton, dans le meilleur des mondes, puisse afficher pas seulement eq(1), mais tous les éléments, séparés par des virgules... Le but final, c'est de passer cette liste en paramètre d'une fonction que j'ai déjà écrite.

    Je devrais sans doute utiliser each(), mais dans mon alert c'est impossible... Je ne sais pas comment externaliser tout ça...


    Merci d'avance pour votre aide.

  2. #2
    Expert confirmé
    Avatar de mathieu
    Profil pro
    Inscrit en
    Juin 2003
    Messages
    10 669
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2003
    Messages : 10 669
    Par défaut
    dans le code HTML vous pouvez donner un nom au bouton comme cela
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    <button id="boutonAffiche">
    Afficher ID
    </button>
    et vous l'utiliser dans le code JavaScript comme cela :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    $("#boutonAffiche").clic(function () {
        alert("un clic !");
    });

    et pour la liste complète essayez cela :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    $texte = "";
     
    $(".idClass").each(function () {
        $texte += $(this).html() + ", ";
    });
     
    alert($texte);

  3. #3
    Membre averti
    Homme Profil pro
    Chargé d'affaire
    Inscrit en
    Novembre 2015
    Messages
    49
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 32
    Localisation : France, Nord (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Chargé d'affaire

    Informations forums :
    Inscription : Novembre 2015
    Messages : 49
    Par défaut Merci
    Merci beaucoup ! Effectivement j'avais trouvé cette solution. J'ai oublié de venir le dire. Super

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

Discussions similaires

  1. [Python 3.X] [Tkinter] Afficher la liste des fichiers d'un dossier dans une fenêtre.
    Par niduab dans le forum Tkinter
    Réponses: 20
    Dernier message: 26/08/2014, 18h37
  2. [ItemTemplate/TreeListView] Comment afficher du texte, des images + enfants ?
    Par TheBlackReverand dans le forum Windows Presentation Foundation
    Réponses: 22
    Dernier message: 22/09/2008, 00h31
  3. Réponses: 8
    Dernier message: 27/12/2007, 12h55
  4. Réponses: 14
    Dernier message: 19/10/2006, 14h23
  5. [Javascript] Afficher du texte avec des intervalles
    Par Invité4 dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 02/01/2005, 21h29

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