jquery - HTMLアコーディオン内で最初のImgを見つける

Question

各アコーディオン グループの最初の画像をターゲットにしようとしています。私はそれらの1つの例を含めました。

<div class="accordion-heading">
          <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseSix">All Videos</a>
</div>
     <div id="collapseSix" class="accordion-body collapse">


          <div id="video-scroll6" class="accordion-inner">
             <div style="width: 3080px;">

               <img src="demo.jpg" data-video="1" />
               <img src="demo.jpg" data-video="2" />

            </div>
        </div>
     </div>

これは私がこれまで運がなかったものです...

$(".accordion-heading").click(function () {

    $(this).find(".accordion-inner div img").first().attr('data-video');

});

Answer 1

$(this).next()​.find('img').first().data('video');

これは動作中のjsfiddleです

jQuery 1.8 では、単に .data('attr') にアクセスするのではなく、attr('data-name')

Answer 2

このようにすることもできます..最初の画像以外の画像を選択したい場合は、後で簡単に行うことができます.

$(".accordion-heading").click(function() {

 // :eq(0) = 1st img, :eq(1) = 2nd img and so on...
$(this).next().find(".accordion-inner div img").eq(0).data('video') ;

});

フィドル

Answer 3

試す：

$(this).next().find( $(this).next().find(".accordion-inner div img").first().attr('data-video')).first().attr('data-video');

画像を含む div の前に div をクリックしているため、.next()セレクターを使用する必要があります。

jsFiddle の例

Answer 4

$(".accordion-inner div img").first().attr('video')

動作するはずです。