Javascript 随机加载<；p>；页面加载

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

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

标记：

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

我不确定jQuery一次只能显示一个。非常感谢您的帮助

尝试以下操作：

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

请尝试以下操作：

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

---

请尝试以下代码和示例。如果您添加更多的标语，这将起作用

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

---

尝试以下代码和示例。如果您添加更多的标语，这将起作用

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

---

你试过什么吗？var randomTag=Math.floor（Math.random（）*4）；但我所写的等式根本没有起到任何作用，这是我所能做到的。发布完整的jquery代码。@d_macarty:你有一个纯客户端应用程序，还是在服务器上生成标记？@Dan该页面上有一个JSFIDLE，看起来就像我正在尝试完成的一样，谢谢！你试过什么吗？var randomTag=Math.floor（Math.random（）*4）；但我所写的等式根本没有起到任何作用，这是我所能做到的。发布完整的jquery代码。@d_macarty:你有一个纯客户端应用程序，还是在服务器上生成标记？@Dan该页面上有一个JSFIDLE，看起来就像我正在尝试完成的一样，谢谢！这假设总是有四个标语。可能最好做一些类似于

$（'#标语>p:nth child（'+random+'））.css（'display'，'block'）

因为这保证了您只选择

#tagline

div中的

元素。这假设始终有四条tagline。可能最好执行类似

$（'#tagline>p:n子元素（'+random+'））.css（'display'，'block'）

因为这保证了您只选择

#tagline

div中的

元素。这实际上更方便。实际上更方便。