对于此网站http://eco-tech.bhbcom.net/
点击图片链接我需要获得ALT的预览图片链接和下一个图片链接。
如何获得具有相同类的预览对象?
我的代码:
$(this).prev('.colorbox-iframe').find('img').attr('alt');
$(this).next('.colorbox-iframe').find('img').attr('alt');
但是在console.log中我没有定义。
答案 0 :(得分:0)
如果我理解你的问题,你打算这样的话......
<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/