Obtenir l'identifiant de l'élément qui a déclenché l'événement

Question

Je travaille sur asp.net mvc. Je suit JS

<script> 
    function fun() 
    { 
     alert($(this).attr("id")); 
    } 
</script> 

et code suivant dans Voir

@ 
{ 
    int i=1; 
} 
@for(i=1;i<10;i++) 
{ 
    <a href="" id="@i" onclick="fun()">ABC</a> 
} 

Je veux obtenir l'ID de l'ancre qui appelle fun(), mais je reçois toujours undefined valeur. S'il vous plaît aider.

Answer 1

Essayez:

<script> 
    function fun(el) { 
    alert($(el).attr("id")); 
    } 
</script> 

et:

@ 
{ 
    int i=1; 
} 
@for(i=1;i<10;i++) 
{ 
    <a href="" id="@i" onclick="fun(this)">ABC</a> 
} 

Answer 2

passe ce

<a href="" id="@i" onclick="fun(this)">ABC</a> 

function fun(elem) { 
    alert(elem.id); 
    } 

Dans le cas où vous faites référence, ce se rapportera à l'objet de la fenêtre . Donc, si vous passez le element to the function, cet élément sera disponible dans la portée de la fonction qui agit comme une fermeture.

Answer 3

Oui, parce que vous devez envoyer l'objet lui-même dans l'événement onclick comme ceci:

@for(i=1;i<10;i++) 
{ 
    <a href="" id="@i" onclick="fun(this)">ABC</a> 
} 

Et vous pouvez accéder à ses propriétés:

<script> 
     function fun(obj) 
     { 
      alert(obj.id);//obj.name, obj.value also you could take. 
     } 
    </script> 

Answer 4

Si je devais absolument faites-le avec un attribut onclick, j'appellerais la fonction avec le this comme contexte, et pendant que j'y suis, passez l'objet événement.

<a href="" id="@i" onclick="fun.call(this,event)">ABC</a> 

(pas de modifications nécessaires à la méthode fun)