title: How to Get ID using Jquery ?
body: <p>Below is Html structure . Now I want get Div ID <code>Inner_1_0</code>, <code>Inner_1_1</code>, <code>Inner_1_2</code>, <code>Inner_1_3</code>, etc when clicked <code>nextButton</code> or <code>prevButton</code> using Jquery. So how should I retrieve.</p>
  
  <p>For more i gave Demo link.. Please see the demo    </p>
  
  <pre><code>&lt;div id="Inner_1_0" class="slideItem" style="width: 600px; height: 440px; top: 0px; right: 165px; opacity: 1; z-index: 17; display: block;"&gt;
      &lt;a href="#" onclick="loadVideo(&amp;quot;x_elT6zkqN0&amp;quot;);" title="" oh="" jane="" jaana"="" salman="" khan="" full="" song="" |="" pyaar="" kiya="" toh="" darna="" kya"=""&gt;&lt;img src="http://img.youtube.com/vi/x_elT6zkqN0/hqdefault.jpg" width="213px" height="141px" style="width: 600px; height: 400px;"&gt;&lt;/a&gt;
      &lt;div class="shadow" style="width: 600px; z-index: -1; position: absolute; margin: 0px; padding: 0px; border: none; overflow: hidden; left: 0px; bottom: 0px;"&gt;
          &lt;div class="shadowLeft" style="position: relative; float: left;"&gt;&lt;/div&gt;
          &lt;div class="shadowMiddle" style="position: relative; float: left; width: 400px;"&gt;&lt;/div&gt;
          &lt;div class="shadowRight" style="position: relative; float: left;"&gt;&lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;div id="Inner_1_1" class="slideItem" style="width: 600px; height: 440px; top: 0px; right: 165px; opacity: 1; z-index: 17; display: block;"&gt;
      &lt;a href="#" onclick="loadVideo(&amp;quot;x_elT6zkqN0&amp;quot;);" title="" oh="" jane="" jaana"="" salman="" khan="" full="" song="" |="" pyaar="" kiya="" toh="" darna="" kya"=""&gt;&lt;img src="http://img.youtube.com/vi/x_elT6zkqN0/hqdefault.jpg" width="213px" height="141px" style="width: 600px; height: 400px;"&gt;&lt;/a&gt;
      &lt;div class="shadow" style="width: 600px; z-index: -1; position: absolute; margin: 0px; padding: 0px; border: none; overflow: hidden; left: 0px; bottom: 0px;"&gt;
          &lt;div class="shadowLeft" style="position: relative; float: left;"&gt;&lt;/div&gt;
          &lt;div class="shadowMiddle" style="position: relative; float: left; width: 400px;"&gt;&lt;/div&gt;
          &lt;div class="shadowRight" style="position: relative; float: left;"&gt;&lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;div id="Inner_1_2" class="slideItem" style="width: 600px; height: 440px; top: 0px; right: 165px; opacity: 1; z-index: 17; display: block;"&gt;
      &lt;a href="#" onclick="loadVideo(&amp;quot;x_elT6zkqN0&amp;quot;);" title="" oh="" jane="" jaana"="" salman="" khan="" full="" song="" |="" pyaar="" kiya="" toh="" darna="" kya"=""&gt;&lt;img src="http://img.youtube.com/vi/x_elT6zkqN0/hqdefault.jpg" width="213px" height="141px" style="width: 600px; height: 400px;"&gt;&lt;/a&gt;
      &lt;div class="shadow" style="width: 600px; z-index: -1; position: absolute; margin: 0px; padding: 0px; border: none; overflow: hidden; left: 0px; bottom: 0px;"&gt;
          &lt;div class="shadowLeft" style="position: relative; float: left;"&gt;&lt;/div&gt;
          &lt;div class="shadowMiddle" style="position: relative; float: left; width: 400px;"&gt;&lt;/div&gt;
          &lt;div class="shadowRight" style="position: relative; float: left;"&gt;&lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;div id="Inner_1_3" class="slideItem" style="width: 600px; height: 440px; top: 0px; right: 165px; opacity: 1; z-index: 17; display: block;"&gt;
      &lt;a href="#" onclick="loadVideo(&amp;quot;x_elT6zkqN0&amp;quot;);" title="" oh="" jane="" jaana"="" salman="" khan="" full="" song="" |="" pyaar="" kiya="" toh="" darna="" kya"=""&gt;&lt;img src="http://img.youtube.com/vi/x_elT6zkqN0/hqdefault.jpg" width="213px" height="141px" style="width: 600px; height: 400px;"&gt;&lt;/a&gt;
      &lt;div class="shadow" style="width: 600px; z-index: -1; position: absolute; margin: 0px; padding: 0px; border: none; overflow: hidden; left: 0px; bottom: 0px;"&gt;
          &lt;div class="shadowLeft" style="position: relative; float: left;"&gt;&lt;/div&gt;
          &lt;div class="shadowMiddle" style="position: relative; float: left; width: 400px;"&gt;&lt;/div&gt;
          &lt;div class="shadowRight" style="position: relative; float: left;"&gt;&lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div class="nextButton"&gt;&lt;/div&gt;
  &lt;div class="prevButton"&gt;&lt;/div&gt;
  </code></pre>
  
  <p><a href="http://jsfiddle.net/rushijogle/4HSpH/7/" rel="nofollow"><strong>Demo link.</strong></a></p>