jquery - 无法取消隐藏单个图像

Question

我是 jquery 的新手，我想请你支持如何从另一个 div 中取消隐藏单个图像。因为我隐藏了所有<img>标记，并且出于描述目的我想取消隐藏单个图像。

Answer 1

为您的图像提供一个 ID 并取消隐藏它

<img id="image1" src="...."/>


$('#image1').show()

Answer 2

您可以使用下面的代码片段

$("#imageDivId").show();

您也可以使用 div 类代替 id。对于使用类

 $(".imageDivClass").show();

你也可以toggle在 hide() 和 show() 方法之间使用 toggle() 方法。

 $("#imageDivId").toggle();

Answer 3

如果您使用ID，则可以使用$('#img_ID').show();

如果你使用类，你可以使用$('.img_CLASS').show();

如果您使用带有 ID 的父 div来定位 img，您可以使用$('#div_ID img').show();

这是使用 jQuery .show()，您也可以使用 jQuery .toggle()它将根据 img 是否可见显示/隐藏 img。

Answer 4

您需要指定需要显示的图像：

<img src="http://placehold.it/50x50" />
<img src="http://placehold.it/50x50" />
<img src="http://placehold.it/50x50" />
<div id="show"><img src="http://placehold.it/50x50" /></div>

$('img').hide();
$('#show img').show();

小提琴：http: //jsfiddle.net/c4BxS/