Изменение свойства div в JavaScript для индексированного значения

Question

Я пытаюсь изменить значение левого дополнения для класса div switch-selection в JavaScript. Следующее из моей функции 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

Используйте eq(), чтобы сохранить его как объект jQuery, так как css() - это метод jQuery.

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

Answer 2

Вы можете использовать :eq() селектора или .eq() метода для определения индекса элемента:

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

Надеется, что это помогает.

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 название свойства.