如何从另一个网址随机显示元素?

时间:2019-01-31 01:00:46

标签: php jquery html

我想从特定的网址中随机显示三个div(相同类“ .post-content”)。

我可以使用以下代码显示(通过同意)来自另一个URL的div内容,但它缺少我需要的随机性:

<script>
$(function(){
    var contentURI= 'http://www.example.com/ .post-content';
    $('#response').load('grabber.php?url='+ contentURI);
});
</script>

<?php echo file_get_contents($_GET['url']); ?>

<div id="response"></div>

EDIT 当前,此命令输出的URL仅包含该类的一个div。我需要它来随机输出相同类别的x3 div。

我的技能在某种程度上缺乏将我发现的其他代码融合为一个简洁的代码的能力。您可以提供的任何帮助将不胜感激。谢谢。

1 个答案:

答案 0 :(得分:0)

找到答案...

jQuery

$.get("https://www.example.com", function(data) {
    var $quotes = $(data).find(".container-articles-5"),
      count = $quotes.length,
      $random = function() {
        return $quotes.eq(Math.floor(Math.random() * count));
      };
    $(".blog-ad-1").append($random);
});

HTML

<aside class="blog-ad-4">
    <div class="blog-ad-5">
      <div class="blog-ad-3">
        <div class="blog-ad-1"></div>
      </div>
      <div class="blog-ad-3">
        <div class="blog-ad-1"></div>
      </div>
      <div class="blog-ad-3">
        <div class="blog-ad-1"></div>
      </div>
    </div>
</aside>