Javascript Girl
  1. Javascript Girl
  3. Trouver des éléments avec position: attribut
Intereting Posts
Demande de réessayer avec un intercepteur $ http CreateTextRange ne fonctionne pas dans Chrome Impossible de pousser des objets en tableau dans localStorage JS Object this.method () se déplace via jQuery Comment l'internationalisation fonctionne-t-elle en JavaScript? Angular 2 – Quelle est la meilleure façon de stocker des variables globales comme un jeton d'authentification afin que toutes les classes aient accès à elles? Formulaire d'envoi par ajax chaque fois que vous cliquez Javascript pour récupérer la dernière partie du document.URL? Type d'entrée = fichier multiple, supprimer des éléments Comment éviter les connexions simultanées du même utilisateur avec Firebase? JQuery fadeOut (function () {fadeIn}); Quelles sont les défenses communes contre XSS? Réplication de la méthode de formulaire avec loadOneTab Object.assigner une fonction équivalente en javascript Appel de la méthode Javascript à partir de la visionneuse web dans Android

Trouver des éléments avec position: attribut

J'essayerais de trouver tous les éléments "absolus" dans ma page; Avec jQuery, je serais quelque chose comme 

$('[position="absolute"]')

Mais sur ff 10.0.2 je ne trouve pas un élément …

En outre, je ne peux pas exécuter le code exaple sur http://api.jquery.com/attribute-equals-selector/ Y at-il quelque chose qui ne va pas sur cette syntaxe?

Vous pouvez utiliser le filter() 

 $('*').filter(function(){ var position = $(this).css('position'); return position === 'absolute'; });

Vous ne pouvez pas utiliser l'égaliseur d'attributs, car ce sélecteur rechercherait des éléments avec un attribut appelé position qui équivaut à un absolu comme celui-ci 

  <div position="absolute">

Mais dans la position de votre cas est une propriété css

S'appuyant sur la réponse de Nicola, vous pouvez également étendre le moteur de sélection de jQuery . 

 $.extend($.expr[':'],{ absolute: function(el) { return $(el).css('position') === 'absolute'; }, relative: function (el) { return $(el).css('position') === 'relative'; }, static: function (el) { return $(el).css('position') === 'static'; }, fixed: function (el) { return $(el).css('position') === 'fixed'; } });

Ensuite, vous pouvez faire des choses comme ça.

$ (': Absolu');

$ ('Div.sidebar: relative');

Essaye ça: 

 $("*[style*='position:absolute']").each (function () { alert($(this).html()); });

Demo: http://jsfiddle.net/XRRbr/1/

Plus d'infos: http://api.jquery.com/attribute-contains-selector/