jQuery update CSS in future elements part of div

Question

I am using jQuery to do something like:

$("#div1 .code").css('display','inline');

Now the problem is that when I add another element with class "code" inside div1, it does not get the CSS tag of display inline.

How can I make it so that it always updates the CSS for any new elements part of div1.

Thank you for your time.

Andrew Jackman · Accepted Answer · 2011-02-02 12:25:01Z

1

make a css class in the <style type='text/css'></style> section and add that class to each div that you make. It is always best to keep styling and javascript separate, so it is easier to dbug and understand.

edit make the class .inline-div { display:inline!important } (use important if you want to make sure it takes precedence)

answered Feb 2, 2011 at 12:25

Andrew Jackman

14k8 gold badges38 silver badges44 bronze badges

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

Comments

sevenseacat · Accepted Answer · 2011-02-02 12:27:10Z

0

Look into jQuery live events. They will do exactly what you need.

answered Feb 2, 2011 at 12:27

sevenseacat

25.1k6 gold badges66 silver badges90 bronze badges

1 Comment

Alec Smart Over a year ago

I've looked at live elements. But what event should I bind it to?

Community · Accepted Answer · 2017-05-23 12:20:06Z

0

$("#div1 , .code") -- the comma was missing.

look at this question

Edit: You should bind with the event that creates the new element. How is the element created?

edited May 23, 2017 at 12:20

CommunityBot

11 silver badge

answered Jul 17, 2012 at 15:54

Istiaque Ahmed

6,53626 gold badges83 silver badges145 bronze badges

Collectives™ on Stack Overflow

jQuery update CSS in future elements part of div

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related