Alert shows [object Object]?

Question

I'm trying to alert an id but it shows [object Object]. How to get an ID?

$('.x3').click(function() {
  var id = $(this.id);
  alert(id);
});

try either `var id = this.id` or `var id $(this).attr("id")` — Carsten Løvbo Andersen, Aug 24 '18 at 04:39
Or just try to `console.log(id)` and see it on your dev console without changing any line of you code — A l w a y s S u n n y, Aug 24 '18 at 04:50
Possible duplicate of [How can I get the ID of an element using jQuery?](https://stackoverflow.com/questions/3239598/how-can-i-get-the-id-of-an-element-using-jquery) — James Jones, Aug 24 '18 at 04:58

michaelitoh · Accepted Answer · 2018-08-24T04:46:21.690

2

$(this) is an DOM element. Try to access the attr property of the element.

$('.x3').click(function(){
     var id = $(this).attr("id");
     alert(id);
);

edited Aug 24 '18 at 04:46

answered Aug 24 '18 at 04:41

michaelitoh

1

What do you mean, "Dom element, not an object"? Every DOM element is an object. – Amadan Aug 24 '18 at 04:44
1

`this` is a DOM element. `$(this)[0]` is a DOM element. `$(this)` is NOT a DOM element but a jQuery object. [See more](http://api.jquery.com/Types/#jQuery) – Hikarunomemory Aug 24 '18 at 05:01
Thank you for the clarification @Hikarunomemory, any way the answer was updated after Amadan comment. – michaelitoh Aug 24 '18 at 12:27

score 1 · Answer 2 · answered Aug 24 '18 at 04:42

var id = $(this.id);

This statement simply returns a jQuery wrapper object (with length 0 if there is no matching element exists on DOM).

Stringifying it to show it on alert will print [object Object]. You rather meant to use

var id = this.id; // or var id = $(this).attr('id')

2 Answers2