使用JQuery（;

<div class="trending" id="trending">
  
  <div class="trending-wrapper">
  <?php foreach($trendingMovies as $trendingMovie) : ?>
    <div class="col-md-12 foot" data-position="<?= $trendingMovie->views?>">
        <!-- Movie Start -->
        <a href="<?= base_url('movies/movie/') . $trendingMovie->movie_id ?>" class="trending_item">
          <div class="trending_item_poster">
            <img src="<?= $trendingMovie->movie_poster_large ?>" alt="<?= $trendingMovie->movie_name ?>">
          </div>
        </a>
    </div>
    <!-- Movie End -->
    <?php endforeach; ?>

    <?php foreach($trendingSeries as $trendingSerie) : ?>
        <div class="col-md-12 foot" data-position="<?= $trendingSerie->views?>">    
            <!-- Serie Start -->
            <a href="<?= base_url('series/serie/') . $trendingSerie->serie_id ?>" class="trending_tem">
              <div class="trending_item_poster">
                <img src="<?= $trendingSerie->serie_poster_large ?>" alt="<?= $trendingSerie->serie_name ?>">
              </div>
            </a>
        </div>
    <!-- Serie End -->
    <?php endforeach; ?>
  </div>
 
</div>
<script>
    $("#trending div.foot").sort(function(a, b) {
      return $(a).data("position") - $(b).data("position");
    }).appendTo("#trending");
</script>

vanilla javascript的另一个示例

<ul id="list">
         <li class="index" data-index="1">1 </li>
         <li class="index" data-index="5">5</li>
         <li class="index" data-index="2">2</li>
         <li class="index" data-index="3">3</li>
         <li class="index" data-index="4">4 </li>
     </ul>
       
   
     <script>
         function comparator(a, b) {
             if (a.dataset.index < b.dataset.index)
                 return -1;
             if (a.dataset.index > b.dataset.index)
                 return 1;
             return 0;
         }
           
         // Function to sort Data
        
         var indexes = document.querySelectorAll("[data-index]");
         var indexesArray = Array.from(indexes);
         let sorted = indexesArray.sort(comparator);
         sorted.forEach(e =>
             document.querySelector("#list").appendChild(e));
         
     </script>