jQuery - How do you select children of children when in the context of 'this'? -

After rolling on the wrapper div, I need to talk different nested children differently.

.

I do not know how to call children in children .... I've tried every Freikin Junkie's combo but it just does not want to play, because this part of the function 'this' Is bump on.

But if I remove it from 'this' then it takes action in all cases.

  & lt; Div class = "vpmedia" & gt; & Lt; Li & gt; & Lt; A href = "http://site.com" & gt; & Lt; Div class = "vpArrow" & gt; & Lt; Image src = "http://site.com/image1" & gt; & Lt; / Div & gt; & Lt; Div class = "vpLeft" & gt; Title & lt; / Div & gt; & Lt; Div class = "vpRight" & gt; & Lt; Div class = "vpRightImg" & gt; & Lt; Image src = "http://site.com/image2" & gt; & Gt; / Div & gt; & Lt; / Div & gt; & Lt; / A & gt; & Lt; / Li & gt; & Lt; / Div & gt;  

I have searched everywhere for a question or a child of a child everywhere But alas, in reality, there really is nothing in the surroundings There is nothing like this:

  this.children (.foo). Children (#bar)  

Or maybe going on this route?

This & gt; .foo & gt; #bar

Because it will never work, the quotation marks 'this' should be outside . So if we can not use it then what is the solution?

Edit - OK, so this is really a newbie question. Sorry, hopefully the beginner will be able to help somewhere else. thank you for your patience.

To call children of children:

  $ ( This) .children ("foo.") Children ("#bar") .;  

Or you can use search , except that the children

  $ (this) .find ("#bar");