如何獲得它的風格元素：位置向左或向右

我有這樣的集團，這是一個滑塊元件：如何獲得它的風格元素：位置向左或向右

<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

如何獲得它的風格元素：位置向左或向右

回答

相關問題