Bootstrap Tooltip - How can I access “this”

Question

I have created a function to show bootstrap tooltips based on the id of the link the user is hovering over.

Alerting this.id is blank inside the title function - do I need to pass this through and if so how? (this) doesn't work and I've tried a few other methods to no avail. Thank you!

$(document).ready(function(){
  $('.tooltiplink').tooltip({ 
    html: true,
    title: function() {
      return $('#' + this.id).html();
    }
  });
});

Answer 1

Use $(this) . There is no need for using $('#' + this.id) . $(this) is already the element you're looking for.

$(document).ready(function(){
  $('.tooltiplink').tooltip({ 
    html: true,
    title: function() {
      return $(this).html();
    }
  });
});