jQuery hasData does not exist in Typescript

Question

I try to use the hasData method from jQuery in typescript like this:

$('.my-element').hasData("my-data")

But unfortunately it is not working. The error I got is

(TS) Property 'hasData' does not exist on type 'jQuery'.

The Version is jquery-3.4.1.js.

Can someone help?

score 1 · Answer 1 · answered Oct 17 '19 at 11:23

1

You could cast it to or extend the jquery typing to add your own method.

(<any>$('.my-element')).hasData("my-data");

//Or add your own custom methods

interface JQuery {
    hasData("my-data"):void;
}

answered Oct 17 '19 at 11:23

utsav tilava

Thanks for your answer. Both is working. I tried to append the method to the interface already, I was to impatient. The red error lines in the code needed some time to disappear. – tom Oct 17 '19 at 11:35
I'm sorry. Does not work. Error in Browser `TypeError: $(...).hasData is not a function` – tom Oct 17 '19 at 12:26

score 0 · Answer 2 · answered Oct 17 '19 at 11:06

0

I believe for a full support you should use jQuery's TS declarations, instead of referring pure JS script. Check https://www.npmjs.com/package/@types/jquery

answered Oct 17 '19 at 11:06

Samuil Petrov

@types are implemented of course. Otherwise it won't work in anyway. – tom Oct 17 '19 at 11:21

2 Answers2