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

JavaScript Discussion :

Sélectionner plusieurs éléments d'une div et les grouper dans une div enfant


Sujet :

JavaScript

  1. #1
    Membre régulier
    Homme Profil pro
    Infographiste, Webdesigner
    Inscrit en
    Juillet 2012
    Messages
    109
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 43
    Localisation : France, Drôme (Rhône Alpes)

    Informations professionnelles :
    Activité : Infographiste, Webdesigner
    Secteur : High Tech - Matériel informatique

    Informations forums :
    Inscription : Juillet 2012
    Messages : 109
    Points : 70
    Points
    70
    Par défaut Sélectionner plusieurs éléments d'une div et les grouper dans une div enfant
    Bonjour à tous et à toutes,

    J'ai une div avec plusieurs éléments à l'intérieur. Je voudrais faire un groupe avec certains (pas tous) de ces éléments. (Les raisons sont trop longues à expliquer, mais) Je voudrais faire ça en jQuery.
    N'y connaissant quasiment rien en jQuery, j'ai repris un script qui m'a été donné ici il y a quelques mois. Voici ce que ça donne :

    Code js : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
     
    let divs = document.querySelector(".slideshow .feed-item:nth-child(7) .bloc-descri p:nth-child(6), .slideshow .feed-item:nth-child(7) .bloc-descri h3:nth-child(7), .slideshow .feed-item:nth-child(7) .bloc-descri p:nth-child(8), .slideshow .feed-item:nth-child(7) .bloc-descri p:nth-child(9), .slideshow .feed-item:nth-child(7) .bloc-descri .feed-item-readmore")
    let group = document.createElement("div")
    group.className = "bloc_text_actu"
    for (let elem of divs) {
    group.appendChild(elem)
    }
    document.querySelector(".slideshow .feed-item:nth-child(7) .bloc-descri").appendChild(group);

    Il faut savoir qu'à l'origine, le script commençait par
    Code js : Sélectionner tout - Visualiser dans une fenêtre à part
    let divs = document.querySelectorAll
    et pas par
    Code js : Sélectionner tout - Visualiser dans une fenêtre à part
    let divs = document.querySelector


    Je sollicite votre aide pour plusieurs raisons :

    - La première c'est parce que, quand j'exécute mon script depuis la console de mon navigateur, j'ai l'erreur Uncaught SyntaxError: redeclaration of let divs <anonymous> debugger eval code:1
    - La seconde c'est parce que je souhaiterai faire ça pour chaque .feed-item . Est-ce qu'il n'y a pas une façon de faire, plus simple que de faire un script pour chaque .feed-item (j'espère que je suis clair. Dites-le moi si ça n'est pas le cas, j'essayerai d'expliquer autrement) ?

    D'avance merci pour votre aide
    Bonne journée

    P.S : J'ai mis CODE=js pour formater mon code. J'espère que ça fonctionne. Toutes mes excuses par avance si ça ne fonctionne pas.

  2. #2
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    16 952
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 16 952
    Points : 44 069
    Points
    44 069
    Par défaut
    Bonjour,
    Je voudrais faire ça en jQuery.
    N'y connaissant quasiment rien en jQuery,
    il suffit de l'apprendre la documentation officielle est bien faite !


    Il faut savoir qu'à l'origine, le script commençait par...
    et c'était une bonne chose pour récupérer plusieurs éléments on utilise effectivement querySelectorAll(selector), avec querySelector(selector) on ne récupère que le premier élément répondant au sélecteur passé en paramètre ce qui n'est pas ce que tu cherches dans ici.


    c'est parce que je souhaiterai faire ça pour chaque .feed-item
    A voir donc : Document.querySelectorAll()

  3. #3
    Membre régulier
    Homme Profil pro
    Infographiste, Webdesigner
    Inscrit en
    Juillet 2012
    Messages
    109
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 43
    Localisation : France, Drôme (Rhône Alpes)

    Informations professionnelles :
    Activité : Infographiste, Webdesigner
    Secteur : High Tech - Matériel informatique

    Informations forums :
    Inscription : Juillet 2012
    Messages : 109
    Points : 70
    Points
    70
    Par défaut
    Bonjour,

    Merci pour la réponse. Je vais regarder ça.
    Bonne journée

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

Discussions similaires

  1. Réponses: 0
    Dernier message: 11/10/2017, 11h05
  2. Réponses: 1
    Dernier message: 17/11/2015, 04h56
  3. Réponses: 10
    Dernier message: 30/04/2015, 11h00
  4. Sélectionner plusieurs éléments dans une liste
    Par morgan47 dans le forum Général JavaScript
    Réponses: 6
    Dernier message: 16/11/2011, 11h16
  5. Réponses: 27
    Dernier message: 29/08/2011, 09h13

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