Javascript 展览及展览；隐藏不同的<；img>；同班

我用javascript创建了这个html代码

$(".timeline-points").prepend( "<div class='vd-cues''></div>" );

$(".vd-cues").css('left',p/d*100+"%"); //bullets position on the progress bar

$(".timeline-points").prepend("<img class='preview-img' src='./vids/out/"+f+"' height='80px'></img>");

$(".preview-img").css('left',p/d*100-7+"%");

---

$（“.timeline points”）.prepend（
id
在HTML文档中是唯一的

更好的方法是使用
类
并隐藏它们

<img class="preview" src="...">
<img class="preview" src="...">

id在HTML文档中是唯一的。

最好使用名称。这样您就可以实现您所需要的。

您可以使用

getElementsByName("name")

这将返回具有相同名称的所有元素。
检查其可见性（如果可见），将其更改为不可见状态，并将隐藏的内容更改为可见状态。

就这样。完成了。
我不得不承认我有点沮丧，因为没有人真正帮助我解决我的问题。不过，我感谢大家对课程的支持和关注

我已经用父母和孩子的方法解决了我的问题，也用了一行简单的CSS

但是，我不得不放弃您建议的类方法，因为我不知道如何为每个类指定left值，就像我使用id时发生的那样

因此，我所做的是将第二个
prepend
更改为
vd-cues
，因此我创建了一个带有父
vd-cues
的子
预览img
。然后我使用“#父：悬停#子”在鼠标悬停时显示正确的图像，瞧：）

“不同的
具有相同的id“-在多个元素上具有相同的id是无效的html。要选择多个相似的元素，给它们一个公共类。首先，如果要应用相同的CSS，请使用sse类而不是ID。请分别为您的HTML提供一个JSFIDLE。JSFIDLE已更新，问题和代码也已更新。然而，我有另一个问题。我使用的左边的css正在更新其他类…@zppinto这里是工作演示：但请注意，在这个示例中，所有图像都具有相同的
left
值。谢谢，但是您的方法显示了所有
预览img
，而不仅仅是一个特定的！是的，这就是我现在的问题！所有类都有相同的左值。。。你知道如何解决这个问题吗？请检查我的JSFIDLE！我已经做了更改，但是现在css->left应用于所有的类，我仍然找不到如何真正解决我的问题。。。
getElementsByName("name")