Question

I have a link which triggers js function. To the link I have attached data-attribute on html which I want to pass to the function.

$(".trigger").awesomeFunction({
  oneArgument: "secretSauce",
  secondArgument: $(this).data("address")
});

Now that second argument ends up null instead of the data-address attribute. Is it because $(this) is not in right scope inside the function arguments list and if so how could I refer to the originating link?

Answer 1

Not sure how your awesomeFunction is defined, but this seems to do the trick.

$.fn.awesomeFunction = function(obj){
    console.log(obj.sauceType, this.data(obj.dataArg))
    // returns 'secretSauce 123 Anystreet Dr.'
}
var div = $('#theDiv')
div.awesomeFunction({
    sauceType : 'secretSauce',
    dataArg : 'address'
})

JSFiddle