How to get a value inside a clickHandler function jQuery

Question

I'm trying to make my website work on all mobile devices, including iOS. I order to do it I had to use a clickHandler function as suggested here How to replace click with touchstart on iOS devices

I need to get a value but using $this I receive the error "is not defined".

<button class="open" value="{{ item.id }}">open</button>

var clickHandler = ('ontouchstart' in document.documentElement ? "touchstart" : "click");

$(".open").bind(clickHandler, function(e) {
    var id = ($this.attr('value'));
    $("#item" + id).addClass("visible");
});

Any suggestion? Thanks!

use `$(this).attr('value')` instead of `$this.attr('value')` — guradio, Jul 02 '16 at 10:11
@AminJafari it was my first answer. but then i saw it was button so i changed it to `$('this').attr('value')` — guradio, Jul 02 '16 at 10:29

score 0 · Accepted Answer · answered Jul 02 '16 at 10:37

Remember, this is a reference to the member that invokes the current function, in your case the DOM element (button). $() is the jQuery constructor function. Wrapping this in $() means you are turning DOM element into jQuery object. So what you need is either:

this.getAttribute("value")

or

$(this).attr("value")

.

$this has no meaning in your context, that's why you are getting undefined.

How to get a value inside a clickHandler function jQuery

1 Answers1