インデックス値のJavaScriptのdivプロパティを変更します。

Question

JavaScriptのdivクラスswitch-selectionの左パディング値を変更しようとしています。私のJavaScript関数の次の部分はすべての値を変更します。

var ind = 1; //getting index from php variable '1' is just an example 

$(".switch-selection").css("paddingLeft","60px"); 

現在のindexの値だけを変更する必要があります。私は試しました：

$(".switch-selection")[ind].css("paddingLeft","60px"); 

しかし、それは私にエラーが発生します。何か不足していますか？

Answer 1

css()はjQueryメソッドなので、eq()を使用してjQueryオブジェクトとして保持します。このことができます

$(".switch-selection:eq("+ind+")").css("paddingLeft","60px"); 
//OR 
$(".switch-selection").eq(ind).css("paddingLeft","60px"); 

希望：

$(".switch-selection").eq(ind).css("paddingLeft","60px"); 

Answer 2

あなたは要素のインデックスを指定する:eq()セレクタまたは.eq()メソッドを使用することができます。

var ind=2; 
 

 
$(".switch-selection:eq("+ind+")").css("paddingLeft","60px");

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

 
<div class="switch-selection">DIV 1</div> 
 
<div class="switch-selection">DIV 2</div> 
 
<div class="switch-selection">DIV 3</div> 
 
<div class="switch-selection">DIV 4</div> 
 
<div class="switch-selection">DIV 5</div>

Answer 3

他の応答は、あなたの質問のインデックス部分を取り上げました。ただし、要素の左に埋め込むCSSプロパティはpadding-leftであり、paddingLeftではありません。 paddingLeftはJavascriptプロパティ名です。