使用jQuery搜索链接HREF值

Question

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

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

这是问题：我不知道该怎么做。 我有脚本在用户点击箭头时找到当前的src ，但我无法弄清楚如何搜索相同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=...]') $('#thumbnails img[src=...]')或$('img.thumb[src=...]')来限制自己只是缩略图。

获取下一个或上一个图像只需使用.next()和.prev() 。