Javascript 通过单击“上一步”或“下一步”按钮获取数组中的下一个或上一个元素

我有以下问题：

我有两个div，其中只有一个显示，当我单击“下一步”或“上一步”按钮时，另一个显示，而可见的一个设置为“隐藏”。显示的div具有“active”类。现在，我需要得到拥有这个类的div的id。问题是，我总是得到上一个的id，因为当我点击按钮时，我首先得到id，然后类被更改..我不知道为什么，而且如果更改类的代码是在得到id的代码之前编写的

我怎样才能解决这个问题

<div class="item <?php if($i == 1) echo 'active';?>" id="<?php echo $dati['id'];?>">
            <div class="container">
              <div class="carousel-content">
                <h1><?php echo $dati['titolo'];?></h1>
                <p class="lead">
                  <?php echo $desc_feed;?>
                </p>
              </div>
            </div>
          </div>


 <a class="prev" href="#main-slider" id="next-carousel" data-slide="prev"><i class="icon-angle-left"></i></a>
    <a class="next" href="#main-slider" id="prev-carousel" data-slide="next"><i class="icon-angle-right"></i></a>

函数显示馈送数据（id）
{
获取饲料数据（id）；
}
$（“#上一个转盘”）。单击（函数（）{
变量id_feed_to_show=$（“.active”）.attr（“id”）；
获取馈送数据（id馈送至显示）；
});
$（“#下一个旋转木马”）。单击（函数（）{
变量id_feed_to_show=$（“.active”）.attr（“id”）；
获取馈送数据（id馈送至显示）；
});

这是因为在当前

活动元素触发旋转木马以更改类之前，您正在获取该元素的ID

让我们来看一下，每个旋转木马div都是兄弟姐妹（彼此相邻）。您可以这样做：

$( "#prev-carousel" ).click(function() {
    var id_feed_to_show = $(".active").prev().attr('id');
    get_feed_data(id_feed_to_show);
});

$( "#next-carousel" ).click(function() {
    var id_feed_to_show = $(".active").next().attr("id");
    get_feed_data(id_feed_to_show);
});

现在我只得到第一个id。第二个id未定义
$( "#prev-carousel" ).click(function() {
    var id_feed_to_show = $(".active").prev().attr('id');
    get_feed_data(id_feed_to_show);
});

$( "#next-carousel" ).click(function() {
    var id_feed_to_show = $(".active").next().attr("id");
    get_feed_data(id_feed_to_show);
});