jQuery get id of element that triggered event from nested function

Question

How do I get the id of the ".item" element from inside the getJSON function?

jQuery(document).ready(function() {

    $(".item").tooltip({
        items: "div",
        content: function(callback) {

            $.getJSON('mydata.json', function(data) {

                var country = event.target.id;

                console.log(country);

            });

        }

    });

});

I've seen an explanation here, but I'm not sure how to pass the event(s) in my case.

which is the tooltip plugin used – Arun P Johny Feb 23 '15 at 01:34 — Arun P Johny, Feb 23 '15 at 01:34
The jQueryUI tooltip – Diego Rodriguez Feb 23 '15 at 03:34 — Diego Rodriguez, Feb 23 '15 at 03:34

score 0 · Answer 1 · answered Feb 23 '15 at 01:30

This is how I would do it

jQuery(document).ready(function() {

    $(".item").tooltip({
        items: "div",
        content: function(callback, this) {
                        var $obj = $(this);
            $.getJSON('mydata.json', function(data, $obj) {

                var country = event.target.id;

                console.log(country);
                console.log($obj.attr("id"));

            });

        }

    });

});

score 0 · Answer 2 · edited Mar 29 '21 at 05:50

0

Try to use the

$(this)

to access the current element, then you can access its ID by using

$(this).attr('id')

See http://jqueryui.com/tooltip/#custom-content

edited Mar 29 '21 at 05:50

Glorfindel

21,988
13
81
109

answered Feb 23 '15 at 01:34

Adlen Gharbi

214
2
11

score 0 · Accepted Answer · answered Feb 23 '15 at 01:38

In your content callback, this refers to the element whose tooltip is being invoked, so you could use this.id to get the id of the current element

jQuery(function ($) {
    $(".item").tooltip({
        items: "div",
        content: function (callback) {
            var el = this;
            $.getJSON('mydata.json', function (data) {
                var country = el.id;
                console.log(country);
            });
        }
    });
});

jQuery get id of element that triggered event from nested function

3 Answers3