How to set different css attributes with JQuery?

Question

I want to set for each of input fields different z-index values. How I can do this with JQuery?

I want something like this:

   jQuery.each($("input[type=text]"), function (index, item) {

        item.css("z-index", index);
    });

But "item" has no css property. How to correctly iterate an array ?

HTML:

<div>
<input type="text" required class="form-control" id="Text4" placeholder="Some text"
    runat="server" />
<input type="text" required class="form-control" id="Text5" placeholder="Some text"
    runat="server" />
<input type="text" required class="form-control" id="Text6" placeholder="Some text"
    runat="server" />
</div>

possible duplicate of JQuery.ready is too late: How do I apply CSS Values with JQuery before Rendering? — Nelson Owalo
– Nelson Owalo, Commented May 22, 2015 at 13:33

antyrat · Accepted Answer · 2015-05-22 13:31:27Z

3

item in your code returns HTML element, not jQuery object.

I would suggest you to change your code to:

$("input[type=text]").each( function (index, item) {
    $( item ).css("z-index", index);
});

edited May 22, 2015 at 13:31

answered May 22, 2015 at 13:25

antyrat

27.7k9 gold badges78 silver badges77 bronze badges

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

Comments

Hitesh Vala Ahir · Accepted Answer · 2015-05-22 13:29:16Z

1

Return the CSS property value:

$(selector).css(property)

Set the CSS property and value:

$(selector).css(property,value)

Set CSS property and value using a function:

$(selector).css(property,function(index,currentvalue))

Set multiple properties and values:

$(selector).css({property:value, property:value, ...})

answered May 22, 2015 at 13:29

Hitesh Vala Ahir

8032 gold badges14 silver badges27 bronze badges

Collectives™ on Stack Overflow

How to set different css attributes with JQuery?

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related