如何获取预览对象

Question

对于此网站http://eco-tech.bhbcom.net/

点击图片链接我需要获得ALT的预览图片链接和下一个图片链接。

如何获得具有相同类的预览对象？

我的代码：

$(this).prev('.colorbox-iframe').find('img').attr('alt');
$(this).next('.colorbox-iframe').find('img').attr('alt');

但是在console.log中我没有定义。

Answer 1

如果我理解你的问题，你打算这样的话......

<div>
  <img alt="x" src="http://lorempixel.com/100/100" />
</div>

<div>
  <img alt="y" src="http://lorempixel.com/100/100" />
</div>

<div>
  <img alt="z" src="http://lorempixel.com/100/100" />
</div>

jQuery的：

$(function() {
    $('div img').each(function() {
    $(this).click(function() {
      var alt = $(this).attr('alt');
      var alt_prev = $(this).closest('div').prev('div').children('img').attr('alt');
      var alt_next = $(this).closest('div').next('div').children('img').attr('alt');

      if (alt_prev === undefined)
        alt_prev = $('div:last img').attr('alt');

      if (alt_next === undefined)
        alt_next = $('div:first img').attr('alt');

      console.log('Clicked alt: ' + alt + ' Prev alt: ' + alt_prev + ' Next alt: ' + alt_next);
    });
  });
});

https://jsfiddle.net/jonathanzuniga/rp5mux4m/embedded/result/