Jquery, wie man den Wert jedes Li durch onclick

Question

Ich habe 3 Bild zu zeigen, das Bild ist in der li, und ich lege Wert auf jeder li der Wert der li entsprechen der Breite des Fensters. zum Beispiel, wenn ich den ersten Wert von li Index 0 bekomme, wird das erste Bild zeigen .. etc. mein Code hier

<div class="sliderContainer"> 
    <ul class="slides"> 
    <li class="slide" value="0">img</li> 
    <li class="slide" value="1366">img</li> 
    <li class="slide" value="2732">img</li> 
    </ul> 

    <a class="next"><img src="images/sliderArrowleft.png" /></a> 
    <a class="prev"><img src="images/sliderArrowright.png" /></a> 
</div> 

Wenn ich die .next BTN klicken wird, muss es den li Wert 1366 dann, wenn i BTN klicken .next wieder wird es wieder 2732 und Schleife bekommen von 0, 1366, 2732 und Schleife wieder ...... bitte helfen Sie mir ...

Answer 1

var currentLI = $('.slides li:first-child'); 
$('a.next').click(function() { 
    currentLI.next(); 
    if(!currentLI.length) currentLI = $('.slides li:first-child'); 
    // use currentLI 
}); 

$('a.prev').click(function() { 
    currentLI.prev(); 
    if(!currentLI.length) currentLI = $('.slides li:last-child'); 
    // use currentLI 
}); 

Verwenden jQuery prev() und next()

Answer 2

ich denke, es ist das, was Sie suchen:

$(document).ready(function() { 
    var values = [], 
    index = 0, 
    items = $('.slide').length; 

    $(".slide").each(function(index) { 
    values.push($(this).val()); 
    }); 

    $('.prev').click(function() { 
    var tmp = index--; 
    if (tmp <= 0) index = items; 
    console.log('Switch to slide n°' + index); 
    }); 

    $('.next').click(function() { 
    var tmp = index++; 
    if (tmp >= items) index = 0; 
    console.log('Switch to slide n°' + index); 
    }); 

}); 

Was ist cool: Es funktioniert unabhängig von der Anzahl der Folien, die Sie haben!

Hier ist eine Geige: https://jsfiddle.net/o2gxgz9r/4405/

Mein Weg etwas ausführlicher ist und nicht verwendet prev() und next() als Mehul Mohan tat, aber es ist ganz einfach zu verstehen.