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 :

récupérer tout les liens d'un div particulière


Sujet :

jQuery

  1. #1
    Membre du Club
    Profil pro
    Inscrit en
    Janvier 2010
    Messages
    7
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2010
    Messages : 7
    Par défaut récupérer tout les liens d'un div particulière
    bonjour
    je souhaite récupérer tout les éléments de type a(<a>) d'une div de classe maclasse (<div class="maclasse">) en javascript/jquery

    puis faire une liste de tout ces liens en les affichant.

    je ne m'en sors pas étant débutant dans ce langage.
    tout aide serrais précieuse.

  2. #2
    Membre du Club
    Profil pro
    Inscrit en
    Janvier 2010
    Messages
    7
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2010
    Messages : 7
    Par défaut
    je viens de trouver pour la premier parti.
    mais pour se qui est de la deuxieme j'avais pensais a
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    $("div.maclasse > a").each(function(i){
    //code permettant d'afficher les liens
    }
    est ce que la solution est la bonne ?
    et quel est le code me permettant d'afficher les liens ?


    merci d'avance

  3. #3
    Membre chevronné
    Homme Profil pro
    IUT Informatique
    Inscrit en
    Mars 2011
    Messages
    412
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : IUT Informatique

    Informations forums :
    Inscription : Mars 2011
    Messages : 412
    Par défaut
    Salut,

    Je suis pas sur mais tu peux peut-être te tourner vers

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    document.body.all.tags("a");
    Tu devrai avec ca récupérer toutes tes balises a, après tu parcours le résultat pour récupérer tes liens

  4. #4
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

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

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Citation Envoyé par malgache
    Salut,

    Je suis pas sur mais tu peux peut-être te tourner vers

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    document.body.all.tags("a");
    Tu devrai avec ca récupérer toutes tes balises a, après tu parcours le résultat pour récupérer tes liens


    C'est une horreur absolue !
    all a été une propriété utile pour IE jusqu'à la version 4 ! Depuis il faut utiliser les méthodes compatibles !
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  5. #5
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 658
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 658
    Billets dans le blog
    1
    Par défaut
    afficher ? quoi le href ou le texte ?


    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    var tab=new Array()
    $.each($("div.maclasse a"),function(){ 
    tab.push('texte:\t'+$(this).text()+'\nhref:\t'+$(this).attr('href'))  
    });
    alert(tab.join('\n'))
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  6. #6
    Membre du Club
    Profil pro
    Inscrit en
    Janvier 2010
    Messages
    7
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2010
    Messages : 7
    Par défaut
    merci pour ces réponses.
    je souhaiterais afficher les liens sous forme de lien avec une image au survol.
    est ce que je peut utiliser le tableau pour mettre tout les liens et ajouter ce tableau à la page ?
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
     
    var tab=new Array()
    $.each($("div.maclasse a"),function(){ 
    tab.push('<a href=" '+$(this).attr('href') + '> ' +$(this).text()+'</a> ')
    });
    document.appendchild(tab.join('\n'))

  7. #7
    Membre confirmé
    Avatar de cahnory
    Profil pro
    Inscrit en
    Mai 2007
    Messages
    203
    Détails du profil
    Informations personnelles :
    Âge : 40
    Localisation : France

    Informations forums :
    Inscription : Mai 2007
    Messages : 203
    Par défaut
    Pourquoi passer par un tableau ?
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    $("div.maclasse a").each(function() {
        $('body').append('<a href=" '+$(this).attr('href') + '> ' +$(this).text()+'</a>');
    });
    Ou, si tu te souhaite avoir une copie exacte du lien :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    $("div.maclasse a").each(function() {
        $('body').append($(this).clone());
    });

  8. #8
    Membre du Club
    Profil pro
    Inscrit en
    Janvier 2010
    Messages
    7
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2010
    Messages : 7
    Par défaut
    merci beaucoup ça fonctionne

  9. #9
    Membre du Club
    Profil pro
    Inscrit en
    Janvier 2010
    Messages
    7
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2010
    Messages : 7
    Par défaut
    j'ai une autre demande .
    je souhaiterais avoir une image lors du survol d'un des liens(image placé à coté du liens).
    pour que ensuite en cliquant sur l'image pouvoir mettre l'adresse du lien dans un tableau.

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

Discussions similaires

  1. [RegEx] Récupérer tous les liens d'une page
    Par micatmidog dans le forum Langage
    Réponses: 13
    Dernier message: 03/11/2006, 01h37
  2. récupérer toutes les Options d'1 select
    Par javaSudOuest dans le forum Général JavaScript
    Réponses: 7
    Dernier message: 07/12/2005, 08h37
  3. récupérer toutes les valeurs choisies ds un select multiple
    Par toome dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 24/10/2005, 13h45
  4. Récupérer toutes les cases à cocher
    Par psyco2604 dans le forum ASP
    Réponses: 7
    Dernier message: 14/10/2004, 10h54

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