Question

嘿，我在div中有10个图像（名称是背景）..并且显示属性为无..

我想通过问题编号显示..我的意思是问题= 1 img1.hide（），img2.show（）问题= 2 img2.hide（）; img3.show ............问题10 img9.hide（）img10.show

我的函数名是resim（），它从Button点击回调

函数resim（问题）这是错的吧:)其实这是错的..它不起作用:)）

var i=0;
while (i<3)
{
    if (question==i)
    {
        $("#background img").eq(i-1).hide();
        $("#background img").eq(i).show();
        i++;
    }
    else
    {
        return;
    }
}

但是我不能做这个功能......它一定是怎么回事？抱歉我的英文

Answer 1

对于问题1，您想要显示第一张图像，依此类推？问题参数是问题的数量？首先隐藏所有图像，然后显示图像（问题编号减1 - 基于索引0）。

function resim(question) {
    // hide all
    $("#background img").hide();
    // show by Num
    $("#background img").eq(question-1).show();
}

确保div背景显示：block而不是none。

Answer 2

如果div#background包含您的所有img代码并且div#background设置为display:none;，那么即使您将图片设置为显示，它们也不会显示，因为他们的父元素设置为不显示。

您必须将div#background设置为显示，并将个别img标记设置为隐藏，并根据需要显示各个图像。

您可能想要使用的备用功能可能如下所示：

function resim(question)
{
    $("#background img").hide();
    $("#background img:eq("+question+")").show();
}

jquery按问题的数量显示并隐藏图片？

2 个答案: