How to get specific data from $(this) in JavaScript?

Question

When I do console.log($(this)); I got the following information:-

I want to join the $(this), go into context, and then into attributes. How?

This seems like an [XY problem](https://meta.stackexchange.com/questions/66377/what-is-the-xy-problem). What are you trying to do? — Cerbrus, Jan 11 '18 at 12:19
_"data form attributes"_? Can you provide an example of an element, and then what information you want from it? — Cerbrus, Jan 11 '18 at 12:22
`this.getAttribute("ATTRIBUTE NAME")` is indescribably faster than jQuery. For certain attributes such as `id` or `href` you can even do `this.href`. — Niet the Dark Absol, Jan 11 '18 at 12:25
Please take some time to read [ask] then edit question with a properly detailed problem description — charlietfl, Jan 11 '18 at 12:25
you can use `$(this).attr('class'); $(this).attr('href');` to get the values of corresponding properties. And yes you can use jQuery without any issue for simple taks also. — Anant Kumar Singh, Jan 11 '18 at 12:43
Instead of `$(this).attr('class'); $(this).attr('href');`, use `this.className; this.href`. It's faster and more readable. — Cerbrus, Jan 11 '18 at 12:46
@NegiRox: Then just use `this.attributes`. Why wrap `this` in jQuery, if you're just using `context` to get back to `this`? — Cerbrus, Jan 11 '18 at 14:13

score 0 · Accepted Answer · edited Jan 12 '18 at 04:43

0

Suppose you want to get the attribute from this element-

<div class="test_class" data-somevalue="this is value"> </div>

You can use-

$(".test_class").attr("data-somevalue")
//or
$(".test_class").data("somevalue")

In your case, you can also use

const finalVal = Object.assign({}, $(this), $(this).context, $(this). attributes)

edited Jan 12 '18 at 04:43

Anant Kumar Singh

answered Jan 11 '18 at 12:26

Raman Choudhary

glad to see that finally jQuery code answer is selected – Anant Kumar Singh Jan 12 '18 at 07:37
@AlivetoDie: Funny enough, for data attributes there's not a simple native JS answer. This is one of those cases where jQuery is perfectly acceptable. – Cerbrus Jan 12 '18 at 07:55
@Cerbrus this isn't funny enough:- https://stackoverflow.com/a/15912286 – Anant Kumar Singh Jan 12 '18 at 08:01
@AlivetoDie: Except that jQuery has some automatic data type conversion, which is a good reason to use jQuery here. – Cerbrus Jan 12 '18 at 08:03

1 Answers1