Question

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

在我的标题中，我有一个div用于不同的＆＃34;标语＆＃34;。我希望每次刷新只显示其中一个，并随机显示（伪或真随机并不重要）。

标记：

<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

尝试以下方法：

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

Answer 2

尝试以下代码和示例。如果您添加更多标语，也可以使用此功能。

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

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

在页面加载</p>上加载随机<p>

2 个答案: