Use JQuery to select parent element of “this” (element clicked)

Question

I have a jQuery script that creates a carousel to rotate images left and right on user click. At first, I wasnt planning on putting more than one carousel on a single page, but

Answer 1

Since your action tags are nested in the first level inside the carousel, you can do this inside each function to know were it belongs :

var parent = $(this).parent().get(0);

Will actually get you the parent object, which you can now use.

Answer 2

Inside of an event handler, the variable:

$(this)

will get you the calling element. From there, to get the containing div you can use the parent() function:

$(this).parent()

Use that to walk through the DOM.

Answer 3

Use the .parent() function go up a level. Your code might look something like this:

$('.right-button img').click(function()
    {
        carousel = $(this).parent();

        //bunch of code
    }