使用Jquery一次获取最后一个树元素

Question

我在一个页面上创建了带有id="tables"的div类中的事件的部分，现在我想从Bootstrap轮播中的其他页面index.php中的那个部分加载最后一个树“boxes / elements”需要一次加载一个，就像一个滑块正在工作。我使用load（）方法来管理内容，现在我不知道如何循环并获取一个内容 （注意：需要从头开始）

我的jQuery代码：

$(function(){
  $(".item").load("showEvents.php #tables:last-child");
});

此时我只有最后一个孩子。 这是需要加载的html / php部分：

  <div class="main-sections">
                 <?php if(!empty($polls)): ?>
                        <?php foreach($polls as $poll): ?>

                        <div id="tables" class="col-md-3">
                             <h1><?php echo $poll->title; ?></h1>
                            <div class="image"> 
                                <img src="upload/<?php echo $poll->photo; ?>">
                            </div>
                            <div><p><?php echo $poll->pob; ?></p></div>
                            <div><p><?php echo $poll->address ?></p></div>
                            <a href="show_Event.php?rowid=<?php echo $poll->id; ?>" onclick="basicPopup(this.href);return false" ;><button>READ MORE</button></a>
                        </div>

                     <?php endforeach; ?>
                <?php else: ?>
                <p>Sorry, no poll available right now</p>
                <?php endif; ?>
           </div>

Bootstrap Carusel就是这个：

  <div id="myCarousel" class="carousel slide" data-ride="carousel">
                                    <!-- Indicators -->
                                    <ol class="carousel-indicators">

                                    </ol>

                                    <!-- Wrapper for slides -->
                                    <div class="carousel-inner" role="listbox">
                                        <div class="item active">

                                        </div>

                                        <div class="item">

                                        </div>

                                        <div class="item">

                                        </div>
                                    </div>

                                    <!-- Left and right controls -->
                                   <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
                                        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                                        <span class="sr-only">Previous</span>
                                      </a>
                                    <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
                                        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                                        <span class="sr-only">Next</span>
                                    </a>

                                </div>