我有一个静态页面,其中包含页面顶部的 10 个图像和页面后面关于这些图像的 10 个段落。我随机想显示 4 个图像(我找到了解决方案),但我不确定如何将它们与稍后出现的文本 div 匹配,因为我应该隐藏/显示有关图像的段落
的HTML:
<div id="images">
<div><img src="img1"></div>
<div><img src="img2"></div>
...
<div><img src="img10"></div>
</div>
稍后在页面上
<div id="text">
<p>text about image 1</p>
<p>text about image 2</p>
...
<p>text about image 10</p>
</div>
randomElements = jQuery("#images div").get().sort(function(){
return Math.round(Math.random())-0.5
}).slice(0,4)
为了显示与我选择的随机图像相同的段落,我想我应该使用:nth-child()
选择器。但我一直无法找出如何从randomElements
.