Ottieni l'ID dell'elemento su cui si è fatto clic nella funzione

Question

Voglio ottenere l'ID di un elemento su cui faccio clic. ho messo la funzione nell'elemento onclick, in questo modo:

<a id="myid" class="first active" onclick="markActiveLink();" href="#home">Home</a> 

e questo è nella funzione:

function markActiveLink() { 
    alert($(this).attr("id")); 
} 

Questo non funziona, come si dice che non è definito. Davvero dimentica l'ID, devo inserirlo nel onclick?

Answer 1

Prova: onclick="markActiveLink(this);" e

function markActiveLink(el) { 
    alert($(el).attr("id")); 
} 

Answer 2

perché l'utilizzo di un gestore di linea? Passa a non invadente js

$(document).ready(function(){ 
    $('#myid').bind('click', function(){ 
    alert($(this).attr('id')); 
    }); 
}); 

Answer 3

Devi passare l'elemento alla funzione. JS sé non è più intelligente di voi :)

html:

<a id="myid" class="first active" onclick="markActiveLink(this);" href="#home">Home</a> 

js:

function markActiveLink(e) { 
    alert(e.id); 
} 

Answer 4

Non utilizzare $(this) perché accidentalmente restituire l'elemento è stato aggiunto il bind. Quando fai clic su un elemento interno, restituisce anche l'elemento esterno.

<div id="outer"> 
    <div id="inner"> 

    </div> 
</div> 

È meglio utilizzare il seguente aspetto:

$("#outer").bind('click', function(e) { 

    if(e.target.id === "inner") 
    { 
     alert("you clicked the inner element"); 
    } 
    else 
    { 
     alert("you clicked the outer element"); 
    } 
}); 

È possibile trovare un violino qui: http://jsfiddle.net/vqab7jdo/1/

Answer 5

provo tutti i modi, spendono quasi 2 ore e finalmente trovato il modo migliore che ho preferiscono provarlo:

< div onclick="div_Clicked(this.id)" id="some"/>

 function div_Clicked(itemName) { alert(itemName); }