15/03/10

Créez des sélecteurs personnalisés avec jQuery

Custom jQuery Selectors aborde la création de sélecteurs personnalisés au cas où ceux proposés par jQuery ne suffiraient pas. Dans l’exemple donné, il s’agit de parcourir le DOM à la recherche des balises HTML possédant un attribut rel renseigné :

$.expr[':'].withRel = function(obj){
    var $this = $(obj);
    return ($this.attr('rel') != '');
};
// Usage:
$('a:withRel').css('background-color', 'yellow');
Lire également Custom jQuery selectors with parameters. Via Un Y@B sur la toile.



Un commentaire pour “Créez des sélecteurs personnalisés avec jQuery”

  1. pasmalin dit :

    L’exemple doit pouvoir ce faire en standard ;o)

    $(« :not(* [rel='']) »).css(‘background-color’, ‘yellow’);

    mais c’est bien sur un exemple pour monter custom jquery selectors qui est intéressant.

Laissez un commentaire

Vous pouvez utiliser les balises HTML suivantes : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Les commentaires sont publiés sous votre pleine et entière responsabilité et ne doivent pas contrevenir aux lois et règlementations en vigueur. Les propos racistes ou antisémites, diffamatoire ou injurieux, divulguant des informations fausses, relatives à la vie privée d'une personne ou utilisant des oeuvres protégées par les droits d'auteurs ne sont pas les bienvenus et seront modérés sans modération.

Merci d'être constructif et n'oubliez pas : « sans la liberté de ramer il n'est point d'éloge flotteur ! »

Subscribe without commenting