One particular block that caught my eye is the slider element:
<div id="sliderDispo" class="slider slider-dispo" data-slider-init="" data-slider-color="#0077b5 #EC6E31 #E40B0B" data-slider-step="33" >
<div class="slider__interval">
<span>Yes</span>
<span>-3 months</span>
<span>-6 months</span>
<span>No</span>
</div>
/***** want to retrieve those 2 elements
<div class="ui-slider-range ui-widget-header ui-corner-all ui-slider-range-min" style="width: 0%; left: 0%;"></div>
<span class="ui-slider-handle ui-state-default ui-corner-all" tabindex="0" style="left: 0%;"></span>
*********/
</div>
Desiring to extract the 2 elements DIV and span that are already pre-commented.
I have created a function where I attempted to filter out the elements that have a specific style value: style="left: 0% (the Div & the span) . This is necessary to modify the style in those elements.
The function I came up with:
function () {
var initDsiponibilite = $("#inputDisponibilite").attr("value");
alert(initDsiponibilite);
$("#sliderDispo").attr("data-slider-init",initDsiponibilite);
$.each( $("#sliderDispo").children().find().position.css('left','0%'))
{
$(this).attr("style","left:60%")
}
Unfortunately, it didn't work. Any ideas for improvement???