如何通過位置ID選擇元素？

我有幾個Div類弧，我如何選擇和設置一個屬性使用的位置作爲參考？如何通過位置ID選擇元素？

例如：

$(".FirstClass .Arc").css("background-color",color); 
$(".ThirdClass .Arc").css("background-color",color); 
$(".FourthClass .Arc").css("background-color",color); 

<div class="get"> 
     <div class="arc"> 
      <span class="text">Secretaria</span> 
      <input type="hidden" class="percent" value="100" /> 
      <input type="hidden" class="color" value="#f6c201" /> 

     </div> 

     <div class="arc"> 
      <span class="text">Financeiro</span> 
      <input type="hidden" class="percent" value="100" /> 
      <input type="hidden" class="color" value="#97BE0D" /> 


     </div> 
     <div class="arc"> 
      <span class="text">Acadêmico</span> 
      <input type="hidden" class="percent" value="100" /> 
      <input type="hidden" class="color" value="#C5EF63" /> 

     </div> 
     <div class="arc"> 
      <span class="text">Biblioteca</span> 
      <input type="hidden" class="percent" value="100" /> 
      <input type="hidden" class="color" value="#88B8E6" /> 
     </div> 
     <div class="arc"> 
      <span class="text">Portaria</span> 
      <input type="hidden" class="percent" value="100" /> 
      <input type="hidden" class="color" value="#BEDBE9" /> 
     </div> 
     <div class="arc"> 
      <span class="text">Aluno</span> 
      <input type="hidden" class="percent" value="100" /> 
      <input type="hidden" class="color" value="#B02E98" /> 
     </div> 
     <div class="arc"> 
      <span class="text">Responsável</span> 
      <input type="hidden" class="percent" value="100" /> 
      <input type="hidden" class="color" value="#ED3237" /> 
     </div> 
     <div class="arc"> 
      <span class="text">Professor</span> 
      <input type="hidden" class="percent" value="100" /> 
      <input type="hidden" class="color" value="#F58634" /> 
     </div> 
    </div>

我使用。每個（函數（I））{}找到一個屬性，但我想設置爲所有.ARC類元素的屬性，我想設置用於使用所述位置中的特定元素不同的屬性引用

來源

2013-07-25 ISFO

如果您只是想按位置選擇一個div，您可以使用'.arc：eq（index）'來獲取指定的一個index –

或者你可以使用'$（'。arc'）。eq（index）'。考拉的方式，'$（'。arc：eq（index）'）'，但是更快。請記住0將是第一個位置。如果你想多選擇你可以[這樣做]（http://stackoverflow.com/questions/8449449/how-to-write-a-jquery-selector-with-multiple-eqs-in-single-表達） –

可以使用jquery當量（）例如

$('.arc:eq(0)').css();

$('.arc:eq(1)').css();

或使用這樣

$('.arc').eq(0).css();

$('.arc').eq(1).css();

來源

2013-07-25 19:59:07

如果答案是在另一個用戶的評論中提供的，通常會在答案中不提供相同的答案，除非OP通過幫助我請求 –

thx全部：P – ISFO

我相信你能做到$(".arc:nth-child(index)") 選擇一個元素

如果我的語法是正確的，你應該能夠做到這個：

$(".arc:nth-child(4)").css("background-color",'yellow');

fiddle

來源

2013-07-25 20:07:22 ochi

怎麼樣一個循環使用每個，但引用的各種預定義類（.co0，.co1，.co2 ...）：

$('div.arc').each(function(i){ $(this).addClass('co'+(i%6)); });

的類是像

.co0 {background-color:#ebc} 
.co1 {background-color:#fcc} 
.co2 {background-color:#ffc} 
.co3 {background-color:#dfe} 
.co4 {background-color:#cff} 
.co5 {background-color:#ccf}

循環變量i指的是位置。我使用i%6只是因爲我懶得定義8種不同的顏色...

來源

2013-07-25 20:20:43 cars10m

我正在研究更多關於「FOR」的可能性，並正在尋找如何做到這一點大聲笑謝謝，我明白了，我會在社區學到很多東西。 – ISFO

如何通過位置ID選擇元素？

回答

相關問題