如何随机更改具有特定字符的类或ID

时间:2016-03-16 11:52:18

标签: javascript

所以我有一些代码,我真的很难弄清楚如何在刷新时随机更改它。

以下是我需要看到的内容:

<p class="default">default</p>

刷新时

<p class="final">replaced content</p>

有什么想法吗?

1 个答案:

答案 0 :(得分:1)

你正在寻找这样的东西吗?

你唯一需要改变的是图像。将其替换为您想要的文本。

http://jsfiddle.net/tnPTu/29/

      <h4>Lorum ipsum</h4>
  <p>Some text</p>
  <div class="thumbnail-link">
    <span>Click on the image to visit the page</span>
    <div id="randomImage"><a href=""></a></div>

 var randomImage = {
    paths: [
      "http://www.roflcat.com/images/cats/Vortex_Kitteh_Claims_Another.jpg",
      "http://nextgenfmradio.com/wp/wp-content/uploads/2012/09/iran-ballistic-missile-kitteh-600x480.jpg",
      "http://cdn.iwastesomuchtime.com/6242012164748iwsmt.jpeg"
    ],

    generate: function(){
      var path = randomImage.paths[Math.floor(Math.random()*randomImage.paths.length)];
      var img = new Image();
      img.src = path;
      $("#randomImage a").html(img);
      $("#randomImage a").attr("href", path);
    }
  }

  randomImage.generate();