Jquery 如何在16 img循环中隐藏1 img

第一次在这里发帖很抱歉，如果帖子不整洁：）

我试图在jQuery中制作一个15张幻灯片的拼图，我的问题是：； 我正在循环16个图像，我想隐藏最后一个图像并在拼图后显示，但它不起作用，我尝试使用

fadeOut（）

和

hide（）

，但它不起作用

$（文档）.ready（函数（）{
对于（变量i=0；i<16；i++）{
var img=“”；
$（“董事会”）。追加（img）；
}
$（“img#15”）.ready（函数（）{
$（this.hide（）；
});
$（“img”）。每个（函数（）{
var i=parseInt（$（this.attr（“id”））；
var yAs=数学楼层（i/4）；
var xAs=i%4；
$（此）。数据（“yAs”，yAs）；
$（this）.data（“xAs”，xAs）；
var xPosition=xAs*160；
变量yPosition=yAs*128；
$（this.css（{“left”：xPosition}）；
$（this.css（{“top”：yPosition}）；
});
});
img{
盒影：5px 5px 3px#8888888；
线高：0；
位置：绝对位置；
}

Slidepuzzle jQuery！
在添加图像后尝试使用
.find（）
函数：
$（“#board”）.find（“img#15”）.hide（）
发生这种情况是因为您动态附加了图像。
此
$（“img#15”）.hide（）将执行以下操作：


$（文档）.ready（函数（）{
对于（变量i=0；i<16；i++）{
var img=“”；
$（“董事会”）。追加（img）；
}
$（“img#15”）.hide（）；
$（“img”）。每个（函数（）{
var i=parseInt（$（this.attr（“id”））；
var yAs=数学楼层（i/4）；
var xAs=i%4；
$（此）。数据（“yAs”，yAs）；
$（this）.data（“xAs”，xAs）；
var xPosition=xAs*160；
变量yPosition=yAs*128；
$（this.css（{“left”：xPosition}）；
$（this.css（{“top”：yPosition}）；
});
});
img{
盒影：5px 5px 3px#8888888；
线高：0；
位置：绝对位置；
}

Slidepuzzle jQuery！
你不需要用js隐藏它-css会用js隐藏它

img:last-of-type{visibility:hidden}

请注意，我使用的是visibility:hidden而不是display:none，目的是不保留其在DOM和页面流中的位置，而只是将其从视图中隐藏


$（文档）.ready（函数（）{
对于（变量i=0；i<16；i++）{
var img=“”；
$（“董事会”）。追加（img）；
}
$（“img”）。每个（函数（）{
var i=parseInt（$（this.attr（“id”））；
var yAs=数学楼层（i/4）；
var xAs=i%4；
$（此）。数据（“yAs”，yAs）；
$（this）.data（“xAs”，xAs）；
var xPosition=xAs*160；
变量yPosition=yAs*128；
$（this.css（{“left”：xPosition}）；
$（this.css（{“top”：yPosition}）；
});
});
img{
盒影：5px 5px 3px#8888888；
线高：0；
位置：绝对位置；
}
img:类型{可见性：隐藏}的最后一个

Slidepuzzle jQuery！
您能提供一个JSFIDLE来显示您的问题吗？$（'#15'）.hide（）；将隐藏最后一个img。把这个放在文档里。在附加所有的图片后准备好了。添加了剪下的。你是说像这样<代码>$（文档）.ready（函数（）{
$（“#15”）.hide（）；
谢谢您的帮助！