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 :

[DOM] ciblage d'un élément en DOM


Sujet :

JavaScript

  1. #1
    Membre éclairé
    Inscrit en
    Octobre 2005
    Messages
    908
    Détails du profil
    Informations forums :
    Inscription : Octobre 2005
    Messages : 908
    Par défaut [jQuery] ciblage d'un élément en DOM
    Bonjour à toutes et à tous,

    je n'arrive pas à cibler correctement certaines <img> via jQuery
    Pour le moment, j'utilise :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    $('img').click(
    	function() {alert("Hello world");}
    )
    mais j'aimerais être plus précis au niveau du ciblage.
    J'aimerais par exemple, cibler toutes les images dont l'id commence par 'abcd', comme ci-dessous :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    <img id="abcd1" src="" title="" />
    <img id="abcdef" src="" title="" />
    <img id="abcd-xxx" src="" title="" />
    et pas :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    <img id="eee" src="" title="" />
    <img src="" title="" />
    Je pense que cela est possible mais je débute avec ce framework...
    Merci d'avance

  2. #2
    Expert éminent

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Par défaut
    Bonjour,
    pour ce framework, je sais pas, mais avec le DOM :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    var les_img = document.getElementsByTagName('img');
    for (i=0; i<les_img.length; i++)
    if (les_img[i].id.substr(0,4) == 'abcd')
    les_img[i].onclick=function() {alert("Hello world");}
    A+

  3. #3
    Membre chevronné Avatar de rberthou
    Profil pro
    Inscrit en
    Septembre 2007
    Messages
    612
    Détails du profil
    Informations personnelles :
    Âge : 61
    Localisation : France

    Informations forums :
    Inscription : Septembre 2007
    Messages : 612
    Par défaut
    Tu dois pouvoir réaliser cela très simplement avec la commande filter
    voir http://docs.jquery.com/Tutorials:How_jQuery_Works

    Un truc dans le style
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     
    $('img').filter("expr-reg").click(
    	function() {alert("Hello world");}
    )

  4. #4
    Membre éclairé
    Inscrit en
    Octobre 2005
    Messages
    908
    Détails du profil
    Informations forums :
    Inscription : Octobre 2005
    Messages : 908
    Par défaut
    E.Bzz : Merci mais je savais le faire de cette manière...
    rberthou : J'ai pas réussi à utiliser ta méthode.

    Mais après pas mal de recherches, j'ai enfin trouvé mon bonheur....
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    $('img[id^=abcd]').click(
    	function() {alert("Hello world");}
    )
    En faite, c'est méga simple.

    $('img[id^=abcd]') récupère toutes les images dont l'attribut id commence par abcd
    $('img[id$=abcd]') récupère toutes les images dont l'attribut id se termine par abcd
    $('img[id#=abcd]') récupère toutes les images dont l'attribut id contient abcd

    trop fort jQuery

    @+

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

Discussions similaires

  1. [DOM] Suppression d'un élément d'un sitemap
    Par Ptite Pupuce dans le forum Bibliothèques et frameworks
    Réponses: 7
    Dernier message: 20/10/2007, 23h52
  2. [DOM] Placer des éléments du DOM dans un array()
    Par strat0 dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 03/08/2007, 15h06
  3. [DOM] ciblage d'un élément
    Par unplugged dans le forum Bibliothèques et frameworks
    Réponses: 1
    Dernier message: 28/03/2007, 17h39
  4. [POO & DOM] programation js par enrichissement des éléments du DOM
    Par sekaijin dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 07/01/2007, 15h25
  5. [DOM] Insertion d'éléments avec DOM
    Par TheReturnOfMuton dans le forum Format d'échange (XML, JSON...)
    Réponses: 4
    Dernier message: 27/06/2006, 15h33

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