javascript - 在页面加载时加载随机 <p>

Question

过去一年我一直在慢慢学习 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。非常感谢任何帮助!

Answer 1

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

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

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