Jquery / javascript显示下一个图像，隐藏上一个

Question

我在页面上有这个html并且想要隐藏第一个图像并在我点击图像链接时显示下一个图像，例如#next或#previous。

这是html：

<tbody>
    <tr>
        <td valign="middle">
            <input type="image" style="border-width:0px;" src="previous.gif" id="previous">
        </td>
        <td></td>
        <td align="center">
            <img src="image1.jpg" class="image_in_collection">
            <img src="image2.jpg" class="image_in_collection">
        </td>
        <td></td>
        <td valign="middle">
            <input type="image" style="border-width:0px;" src="next.gif" id="next">
        </td>
    </tr>
</tbody>

jsfiddle here：http://jsfiddle.net/ZU85R/2/

Answer 1

您可以将next（）选择器与is（'：visible'）选择器一起使用来实现此目的。 http://api.jquery.com/next/