无法取消隐藏单个图像

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，具体取决于它是否可见。

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/