Question

我正在尝试定位每个手风琴组中的第一张图像。我已经列举了其中一个例子。

<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');

This is the working 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') ;

});

Fiddle

Answer 3

尝试：

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

由于您点击包含图片的div之前的div，因此您需要使用.next()选择器。

<强> jsFiddle example

Answer 4

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

应该有效。

在HTML手风琴中找到第一个Img

4 个答案: