Change div property in JavaScript for indexed value

Question

I am trying to change the left padding value of the div class switch-selection in JavaScript. The following from my JavaScript function changes all values.

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

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

I need to change only the value of the current index value. I have tried:

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

But that gives me an error. Am I missing something?

Taplar · Accepted Answer · 2016-12-05 23:07:09Z

1

Use eq() to keep it as a jQuery object, since css() is a jQuery method.

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

answered Dec 5, 2016 at 23:07

Taplar

25k4 gold badges24 silver badges36 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Xavier J · Accepted Answer · 2016-12-05 23:23:22Z

1

The other responses addressed the index portion of your question. However, the CSS property for padding on an element's left is padding-left, not paddingLeft. paddingLeft is the Javascript property name.

answered Dec 5, 2016 at 23:23

Xavier J

4,7631 gold badge16 silver badges29 bronze badges

Comments

Zakaria Acharki · Accepted Answer · 2016-12-05 23:14:26Z

0

You could use :eq() selector or .eq() method to specify the index of element :

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

Hope this helps.

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>

edited Dec 5, 2016 at 23:14

answered Dec 5, 2016 at 23:07

Zakaria Acharki

67.5k15 gold badges79 silver badges106 bronze badges

1 Comment

Zakaria Acharki Over a year ago

Is that what you're looking for @ian?

Collectives™ on Stack Overflow

Change div property in JavaScript for indexed value

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related