Jquery: obtenir les coordonnées TOP et GAUCHE du 5ème paragraphe?

Je dois obtenir les coordonnées TOP et GAUCHE du 5ème paragraphe sur ma page, ou peut-être le 6ème paragraphe, ou le 8ème, juste en essayant de comprendre comment obtenir les coordonnées d'un paragraphe sur la page que je choisis. J'ai ensuite besoin d'insérer une div 20px à gauche de la partie supérieure gauche du paragraphe que je choisis. Quelqu'un peut-il aider?Jquery: obtenir les coordonnées TOP et GAUCHE du 5ème paragraphe?

Source

2010-10-06 android.nick

Vous pouvez utiliser .offset() pour cela, par exemple:

var offset = $("p:eq(4)").offset(); 
//top is offset.top 
//left is offset.left

Ou, si vous avez besoin d'être plus dynamique sur le "qui" paragraphe, utilisez .eq() comme ceci:

$("p").eq(4).offset();

You can test it out here.

Source

2010-10-06 15:01:44

Si vous allez utiliser '.offset()', assurez-vous que vous connaissez aussi ['.position()'] (http://api.jquery.com/position/) et comment deux sont différents (position par rapport au document par rapport à la position par rapport au parent décalé, respectivement). –

Ne fonctionne pas en essayant d'accomplir ce que j'ai décrit. Voici un lien vers le code mis à jour. Des idées? Pourquoi n'est-ce pas sur la 3ème ligne? http://jsfiddle.net/AEfQP/2/ –

Il apparaît le 4 ici (index basé sur 3 et 0), dans quel navigateur avez-vous des problèmes? Vous pouvez également ajouter/soustraire toutes les valeurs dont vous avez besoin pour déplacer les choses, par exemple: http://jsfiddle.net/nick_craver/AEfQP/3/ –

Jquery: obtenir les coordonnées TOP et GAUCHE du 5ème paragraphe?

Répondre

Questions connexes