javascript - 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在这里：http: //jsfiddle.net/ZU85R/2/

Answer 1

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