以下はHtml構造です。クリックしたとき、またはJqueryを使用したときに、Div ID Inner_1_0
、、、などを取得したいと思います。では、どのように取得する必要がありますか。Inner_1_1
Inner_1_2
Inner_1_3
nextButton
prevButton
詳細については、デモリンクを提供しました。デモをご覧ください。
<div id="Inner_1_0" class="slideItem" style="width: 600px; height: 440px; top: 0px; right: 165px; opacity: 1; z-index: 17; display: block;">
<a href="#" onclick="loadVideo("x_elT6zkqN0");" title="" oh="" jane="" jaana"="" salman="" khan="" full="" song="" |="" pyaar="" kiya="" toh="" darna="" kya"=""><img src="http://img.youtube.com/vi/x_elT6zkqN0/hqdefault.jpg" width="213px" height="141px" style="width: 600px; height: 400px;"></a>
<div class="shadow" style="width: 600px; z-index: -1; position: absolute; margin: 0px; padding: 0px; border: none; overflow: hidden; left: 0px; bottom: 0px;">
<div class="shadowLeft" style="position: relative; float: left;"></div>
<div class="shadowMiddle" style="position: relative; float: left; width: 400px;"></div>
<div class="shadowRight" style="position: relative; float: left;"></div>
</div>
</div>
<div id="Inner_1_1" class="slideItem" style="width: 600px; height: 440px; top: 0px; right: 165px; opacity: 1; z-index: 17; display: block;">
<a href="#" onclick="loadVideo("x_elT6zkqN0");" title="" oh="" jane="" jaana"="" salman="" khan="" full="" song="" |="" pyaar="" kiya="" toh="" darna="" kya"=""><img src="http://img.youtube.com/vi/x_elT6zkqN0/hqdefault.jpg" width="213px" height="141px" style="width: 600px; height: 400px;"></a>
<div class="shadow" style="width: 600px; z-index: -1; position: absolute; margin: 0px; padding: 0px; border: none; overflow: hidden; left: 0px; bottom: 0px;">
<div class="shadowLeft" style="position: relative; float: left;"></div>
<div class="shadowMiddle" style="position: relative; float: left; width: 400px;"></div>
<div class="shadowRight" style="position: relative; float: left;"></div>
</div>
</div>
<div id="Inner_1_2" class="slideItem" style="width: 600px; height: 440px; top: 0px; right: 165px; opacity: 1; z-index: 17; display: block;">
<a href="#" onclick="loadVideo("x_elT6zkqN0");" title="" oh="" jane="" jaana"="" salman="" khan="" full="" song="" |="" pyaar="" kiya="" toh="" darna="" kya"=""><img src="http://img.youtube.com/vi/x_elT6zkqN0/hqdefault.jpg" width="213px" height="141px" style="width: 600px; height: 400px;"></a>
<div class="shadow" style="width: 600px; z-index: -1; position: absolute; margin: 0px; padding: 0px; border: none; overflow: hidden; left: 0px; bottom: 0px;">
<div class="shadowLeft" style="position: relative; float: left;"></div>
<div class="shadowMiddle" style="position: relative; float: left; width: 400px;"></div>
<div class="shadowRight" style="position: relative; float: left;"></div>
</div>
</div>
<div id="Inner_1_3" class="slideItem" style="width: 600px; height: 440px; top: 0px; right: 165px; opacity: 1; z-index: 17; display: block;">
<a href="#" onclick="loadVideo("x_elT6zkqN0");" title="" oh="" jane="" jaana"="" salman="" khan="" full="" song="" |="" pyaar="" kiya="" toh="" darna="" kya"=""><img src="http://img.youtube.com/vi/x_elT6zkqN0/hqdefault.jpg" width="213px" height="141px" style="width: 600px; height: 400px;"></a>
<div class="shadow" style="width: 600px; z-index: -1; position: absolute; margin: 0px; padding: 0px; border: none; overflow: hidden; left: 0px; bottom: 0px;">
<div class="shadowLeft" style="position: relative; float: left;"></div>
<div class="shadowMiddle" style="position: relative; float: left; width: 400px;"></div>
<div class="shadowRight" style="position: relative; float: left;"></div>
</div>
</div>
<div class="nextButton"></div>
<div class="prevButton"></div>