JQuery Slider Wert von nächsten Element

Question

Ich habe eine Reihe von JQuery Schieberegler und entsprechende Wert Textfelder auf meiner Seite.

Alles funktioniert gut und die Schieberegler und Textfelder aktualisieren sich gegenseitig bei einer Änderung. Mein einziges Problem ist das Setzen der Anfangswerte beim Laden der Seite.

Mit der Klasse des entsprechenden Objekts funktioniert (gelbe Markierung), aber in meinem anderen Beispiel (blaue Markierung) muss ich die next() -Funktion verwenden, da diese Elemente in einem Repeater sind.

Was ist der beste Weg, um den anfänglichen Schiebereglerwert in den blauen Beispielen beim Seitenladen zu setzen?

Dank

Example Code Here

Answer 1

Die each() Funktion scheint hier den Trick zu tun:

$(".compDiscSlider").each(function() { var val = $(this).next("input").val(); $(this).slider({ range: "min", animate: true, step: 0.25, min: 0.00, max: 100.00, value: val, slide: function (event, ui) { $(this).next("input").val(ui.value); } }) });