使用jQuery搜索链接HREF值

Question

我需要为用户添加一种方式来循环浏览带有箭头的图库。我已将脚本设置为使用带链接的缩略图在照片区域中显示更大的图像。

我用来使箭头工作的方法是获取当前图像的src，并在缩略图链接中搜索src，然后查找下一个或上一个{ {1}}根据点击的箭头（src或.left）。

问题在于：我不知道该怎么做。我有脚本在用户点击箭头时找到当前.right，但我无法弄清楚如何搜索相同src的缩略图或查找下一个或上一个src。

http://jsfiddle.net/G5VAf/

Answer 1

用户$(...).prev()和$(...).next()以获取下一张或上一张图片

$(this).prev('img')  // gives you previous img tag
$(this).next('img')  // gives you next one

检查更新后的jsfiddle

$.next()

$.prev()

Answer 2

您可以使用$('img[src="'+current+'"]')获取具有相同来源的所有图片。大概你想使用像$('#thumbnails img[src=...]')或$('img.thumb[src=...]')这样的东西来限制自己只是缩略图。

获取下一张或上一张图片只需使用.next()和.prev()即可。