如何获得这个对象

Question

我正在尝试做一个图片库，但是在这里找不到逻辑，我做了很多测试和搜索，但是我被卡住了。

我尝试使用当前图片ID

获取下一张图片

按钮事件处于bootstrap模式

$("#btn").click(function(ev){

    //i get this id from somewhere, this part is done
    current_img_id = "img_1";
    
    //i try to get the next image using current image id
    img_next = $("#collection > div > #" + current_img_id).closest(".img_iterate").next();
  
  //then i will pass the object some where
  somewhere(img_next);

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="collection">

  <div class="style">
    <a id="img_1" class="img_iterate">
      <img src="some_1.jpg">
    </a>
  </div>

  <div class="style">
    <a id="img_2" class="img_iterate">
      <img src="some_2.jpg">
    </a>
  </div>

  <div class="style">
    <a id="img_3" class="img_iterate">
      <img src="some_3.jpg">
    </a>
  </div>

</div>

Answer 1

最后，我在第二个div中添加了一个ID，然后在里面搜索图像。