在页面加载时随机加载 <p>答案

【问题标题】：loading random <p> on page load在页面加载时随机加载 <p>
【发布时间】：2014-08-27 14:21:25
【问题描述】：

过去一年我一直在慢慢学习 jQuery，我不得不假设我只是问错了问题，因为我找不到答案。

在我的标题中，我有一个用于不同“标语”的 div。我希望每次刷新时只显示其中一个，并且随机显示（伪随机或真正随机无关紧要）。

标记：

<div id="tagline">
    <p>Tagline #1</p>
    <p>Tagline #2</p>
    <p>Tagline #3</p>
    <p>Tagline #4</p>
</div>

CSS

#tagline p {display: none;}

我不确定一次只显示一个显示所涉及的 jQuery。非常感谢任何帮助！

【问题讨论】：

你试过了吗？
var randomTag = Math.floor(Math.random()*4);但是我写的方程式根本没有任何作用，就我所知。
发布完整的 jquery 代码。
@d_macarty：您有纯客户端应用程序还是在服务器上生成标记？
@Dan 在那个页面上有一个 jsFiddle，看起来这就是我想要完成的，谢谢！

标签： javascript jquery html random

【解决方案1】：

试试下面的代码和例子。如果您也添加更多标语，这将起作用。

$(document).ready(function() {
    var taglineNo = Math.floor(Math.random()*$('#tagline p').length);
    $('#tagline p:eq(' + taglineNo + ')').show();
});

http://jsfiddle.net/5qf7krj9/1/

【讨论】：

其实这样方便多了。

【解决方案2】：

尝试以下方法：

var random = Math.floor(Math.random()*4);
$("#tagline p").eq(random).css('display', 'block');

【讨论】：

假设总会有四个标语。
可能会更好地执行$('#tagline > p:nth-child(' + random + ')').css('display','block'); 之类的操作，因为这样可以保证您只选择#tagline div 中的<p> 元素。