How can I get a child of an element with lower z-index on front of a child of another element with higher z-index?

Question

I have the following setup:

      
Whatever



      <         


        
      

Answer 1

This is just an idea which may work.

1. Get the div having z-index = 9 using jquery.
2. Then select the 1st child of 1st child of the div having z-index as 9.
3. Then apply the style as follows:

$(element which you got).attr("style", "position: absolute; z-index: 12;")

The style will be applied to the small element and it will be visible on the red box.