Cant return id value when using this and onclick()

Question

I have this code:

html:

<div class="ui blue button" id="f{{i}}" onclick="Dailer()">Get this!</div>

which returns:

<div class="ui blue button" id="f1" onclick="Dailer()">Get this</div>

And when I use JS:

function Dailer() {
    alert($(this).attr('id'));
}

I get undefined , even when using alert(this.id) doesent work.

But if I run the code on console, it works:

$("#f1").attr("id")
"f1"

possible duplicate of [How to set jQuery this when calling a function?](http://stackoverflow.com/questions/3945281/how-to-set-jquery-this-when-calling-a-function) — Terry, Mar 26 '15 at 17:14
Don't use inline onclick functions. Why not use `add.eventListener`? — evolutionxbox, Mar 26 '15 at 17:17
@ArunPJohny that worked! thank you! evolutionxbox is it deprecated? or doesent work when returning variables? Terry thanks for the link — Abdelouahab, Mar 26 '15 at 17:28
@ArunPJohny can you please write it as answer so i can validate it? — Abdelouahab, Mar 26 '15 at 17:30

score 2 · Accepted Answer · answered Mar 26 '15 at 17:35

2

All you need to do is to pass this as an argument of the function

<div class="ui blue button" id="f1" onclick="Dailer(this)">Get this</div>

then the definition of your js function would be :

function Dailer(that) {
    alert($(that).attr('id'));
}

answered Mar 26 '15 at 17:35

Khalid

It would be better to use an EventListener but in the context the answer is the right one. – somethinghere Mar 26 '15 at 17:38
ah! thank you! so it was the problem about variable :( – Abdelouahab Mar 26 '15 at 18:58

1 Answers1