2016-05-15 10 views
-4

私は画像ギャラリーをしようとしていますが、ここでロジックを見つけることができません。多くのテストと検索を行いましたが、私は立ち往生しています。私はこのオブジェクトを取得する方法

は、現在の画像ID

ボタンイベントは、ブートストラップのモーダルであるを使用して次の画像を取得しようと

$("#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>
あなたのポストのほとんどがあるように見えます

コード;詳細を追加してください。

+1

あなたの質問は何ですか? –

+0

現在の画像IDを使用して次の画像を取得しようとしています –

+0

1つのレベルがありません。次はまだdiv内にあります。不確かな場合は、 'console.log'を使ってロジックをデバッグしてください。 – PeeHaa

答えて

0

最後に、IDを2番目のdivに追加してから、内部の画像を検索します。

関連する問題