give css to parent if child has certain class

Question

how do I apply css to parent if his child have a certain class?

for example:

<p>
     <span class="validationMessage">Last Name is required field</span>
</p>

I want to give the p tag css base on that the his child element has class called "validationMessage"

$('p').has('.validationMessage')? api.jquery.com/category/traversing/#post-255 — Ram
– Ram, Commented Sep 8, 2013 at 6:59

Ivan Chernykh · Accepted Answer · 2013-09-08 06:59:18Z

1

Try :has selector:

 $("p:has(span.validationMessage)").css(yourPCss);

answered Sep 8, 2013 at 6:59

Ivan Chernykh

42.2k13 gold badges136 silver badges148 bronze badges

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

2 Comments

how can I do it without approaching p tag? because it's sometimes a p and sometimes a div

@eyalhalperin you can do it like this: $(":has(>span.validationMessage)").css("border","1px dotted #090");

Tushar Gupta - curioustushar · Accepted Answer · 2013-09-08 07:02:58Z

0

$('span.validationMessage').parent().css(style);

also look at

answered Sep 8, 2013 at 7:02

57.2k24 gold badges106 silver badges110 bronze badges