jquery 按问题数量显示和隐藏图片？答案

【问题标题】：jquery Show and Hide the picture by number of question?jquery 按问题数量显示和隐藏图片？
【发布时间】：2011-05-02 15:50:10
【问题描述】：

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

我想按问题编号显示.. 我的意思是 Question=1 img1.hide(),img2.show() Question=2 img2.hide(); img3.show .... 第10题 img9.hide() img10.show

我的函数名称是 resim()，它从按钮单击回调

function resim(question) 这是错误的 :) 实际上这是错误的.. 它不起作用 :))

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

但我不能做这个功能......它必须怎么做？对不起我的英语

【问题讨论】：

标签： javascript jquery

【解决方案1】：

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

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

确保 div 背景有 display: block 而不是 none。

【讨论】：

【解决方案2】：

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

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

您可能想要使用的替代函数如下所示：

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

【讨论】：