javascript - 使用JavaScript(jQuery)随机显示五个图像中的两个

我有一块HTML看起来像这样:

<div id="banners">
    <a href="p1.html"><img src="img1.jpg" /></a>
    <a href="p2.html"><img src="img2.jpg" /></a>
    <a href="p3.html"><img src="img3.jpg" /></a>
    <a href="p4.html"><img src="img4.jpg" /></a>
    <a href="p5.html"><img src="img5.jpg" /></a>
</div>

使用JavaScript，我想随机选择其中的两个图像及其对应的链接并显示它们，同时隐藏其他图像。另外，它们不必重复，这意味着，我想避免同时显示类似img1.jpg img1.jpg的内容。

该站点上使用的是jQuery，因此，如果建议的解决方案是jQuery解决方案，那就太好了。

不幸的是，我无权访问此网站的后端，否则我将探索服务器端解决方案。在这种情况下是不可能的。

最佳答案

var allBanners = $('#banners a');
allBanners.hide();

var index = Math.floor(Math.random() * allBanners.length);
allBanners.eq(index).show();

var index2 = Math.floor(Math.random() * allBanners.length - 1);
allBanners.not(allBanners.eq(index)).eq(index2).show();

Demo

关于javascript - 使用JavaScript(jQuery)随机显示五个图像中的两个，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/11882404/