Java 单击按钮时显示图像

我有这个部门：

<div id="flaw">
    <img id='flaw1' src='images\flaw1.png'>
    <img id='flaw2' src='images\flaw2.png'>
    <img id='flaw3' src='images\flaw3.png'>
    <img id='flaw4' src='images\flaw4.png'>
    <img id='flaw5' src='images\flaw5.png'>
    <img id='flaw6' src='images\flaw6.png'>
    <img id='flaw7' src='images\flaw7.png'>
    <img id='flaw8' src='images\flaw8.png'>
    <img id='flaw9' src='images\flaw9.png'>
</div>

现在它所要做的就是当有人点击一个按钮时显示第一个图像。 当有人一次又一次地点击下一张图片时，它就会显示出来。 直到所有9个图像都可见。 但我能想出如何在每次点击时循环浏览图像。

---

有人能帮我吗？

你可以这样做

    var flaws = $("#flaw img");
    buttons.on('click', function () {
        flaws.each(function(){
            if ( ($(this).is(":hidden") ){
                $(this).show();
                break;
            }
        });
    })

如需进一步参考，请检查

---

我相信这个问题是关于javascript的，而不是关于java的。如果可能的话，更改您的标记，以便javascript人员能够回答这个问题。

    var flaws = $("#flaw img");
    buttons.on('click', function () {
        flaws.each(function(){
            if ( ($(this).is(":hidden") ){
                $(this).show();
                break;
            }
        });
    })