Obtenir l'ID d'un objet lorsque l'objet est donné

Question

je lien qui appelle une fonction lorsque vous cliquez dessus:

<a href="javascript:spawnMenu(this);" id="link1">Test1</a> 

Pour faire mon travail de fonction, je besoin d'accéder à l'objet afin que je puisse effectuer des opérations jQuery comme ceci:

alert($(objCaller).offset().left); 

Depuis objCaller pointe vers l'objet et non l'ID d'objet, cela ne fonctionnera pas. Je besoin de quelque chose comme ceci:

alert($("a#link1").offset().left); 

Comment puis-je obtenir l'ID d'objet de objCaller?

Answer 1

Vous devez faire ceci:

<a href="javascript:;" onclick="spawnMenu(this);" id="link1">Test1</a> 

Vous ne pouvez pas passer this via un javascript: URL.

Answer 2

Cela ne fonctionne-t-il pas?

objCaller.id 

Answer 3

Juste au dessus de ma tête: est-ce que alert($(this).offset().left); ne fonctionne pas? Sinon, vous pouvez obtenir l'ID via $(this).attr("id").

Answer 4

Il n'est pas clair à partir de votre question à quoi objCaller se réfère. S'il se rapporte à l'élément lui-même, alors $ (objCaller) fonctionnerait bien avec jQuery. Essayez votre code en utilisant firebug (une extension pour firefox). Vous pouvez échanger « alerte » pour « console.log » si vous avez:

console.log(objCaller); 

Cela vous aidera à déterminer exactement ce qui est stocké dans objCaller (il est pas un élément si $ (objCaller) n'est pas travailler, comme je le dis).

Si objCaller est un élément, objCaller.id serait le moyen de récupérer l'ID.

Answer 5

Vous pouvez obtenir l'ID en faisant ceci:

function spawnMenu (elem) { 
    var id = elem.id; // elem is just a DOM node, so access it's id 

    // your code here... 
} 

Cependant, jQuery devrait également être en mesure d'envelopper un nœud DOM, donc ce qui suit devrait fonctionner aussi bien:

function spawnMenu (elem) { 
    elem = $(elem).get(0); 

    // your code here... 
}