如何获得它的风格元素：位置向左或向右

我有这样的集团，这是一个滑块元件：如何获得它的风格元素：位置向左或向右

<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>Oui</span> 
         <span>-3mois</span> 
         <span>-6mois</span> 
         <span>Non</span> 
       </div> 
    /***** want to recuper 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>

而且我想recuper的2个元素DIV和跨度它们已经预评论。

我已经developped此fonction，其中i已尝试过滤掉具有的风格特定值的元素：风格=“左：0％（DIV的&的跨度），我需要，为了改变在这些元素的风格

我的功能：

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%") 
      }

但没有工作，任何建议????

来源

2016-08-24 firasKoubaa

任何理由不给这些内容的适当类或ID，并使用它以后找到他们呢？ – siemakuba

是的，我需要不给任何ID或类 – firasKoubaa

首先关闭HTML评论是''不''/ * * /' –

您可以尝试这样的事：

$("#sliderDispo") 
 
    .children() 
 
    .filter(function(){ return $(this).css("left") === "0%"; }) 
 
    .each(function(){ $(this).css("left", "60%"); }); 
 

 
console.log($("div.ui-slider-range")[0].style.left);

<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>Oui</span> 
 
    <span>-3mois</span> 
 
    <span>-6mois</span> 
 
    <span>Non</span> 
 
    </div> 
 

 
    <!-- Begin: want to recuper 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> 
 
    <!-- End: want to recuper those 2 elements --> 
 

 
</div> 
 

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

来源

2016-08-24 22:00:24 JonSG

感谢兄弟，顺利 – firasKoubaa

如何获得它的风格元素：位置向左或向右

回答

相关问题