Referring to another variable in the same object with jQuery

Question

Alright, so I'm completely new to jQuery, so here goes:

I have a GameCard object which accepts a div in it's "constructor" which is then assigned to a variable. Within the object, I want to perform a function when that div is clicked.

function GameCard(imageSource, div)
{
    this.cardImage = new Image();
    this.cardImage.src = imageSource;

    this.hiddenImage = new Image();
    this.hiddenImage.src = HIDDEN_SOURCE;

    this.div = div;

    $(this).WHAT_HERE_?.click(function()
    {
    });
}

pretty much how do you refer to another variable within the same object using javascript?

Thanks in advance!

$(this.div).click(function() {}); or if you're doing the assignment inside of the constructor you can even use the div parameter. — Fabrício Matté
– Fabrício Matté, Commented Apr 3, 2013 at 22:30

Joseph · Accepted Answer · 2013-04-03 22:31:00Z

3

You wrap the div using the jQuery function.

$(div).on('click',function(){
  //do stuff
});

answered Apr 3, 2013 at 22:31

Joseph

120k31 gold badges186 silver badges238 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

JohnW Over a year ago

So if there's multiple objects of type GameCard, this function will only apply to the object it's wrapped within?

Joseph Over a year ago

@JohnW it will only wrap the div. If you want multiple objects, you can place them in an array, and wrap that array with jQuery.

griegs · Accepted Answer · 2013-04-03 22:33:20Z

1

What is the id of your div?

Don't use $(this) in this context.

$("#IdOfDiv").click(function(){});

But wrap the above in this;

$(function(){});

This ensures that the jQuery code is not run until the document is loaded.

So;

$(function(){   $("#IdOfDiv").click(function(){
     //Do someting   
  }); 
});

answered Apr 3, 2013 at 22:33

griegs

22.8k33 gold badges132 silver badges208 bronze badges

Collectives™ on Stack Overflow

Referring to another variable in the same object with jQuery

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related