Question

Before I ask the question refer to this jsFiddle: http://jsfiddle.net/AxGHA/3/

I basically want to remove the float: left; StyleSheet attributes on the H2 and P tags IF no image exists within the div with jQuery. Any ideas?

Thanks!

Answer 1

you can use :not and :has I have done an example code below:

$(".section:not(:has(>img))").addClass("no-image");

and the CSS for that:

.no-image h2, .no-image p {
    float: none;
    width: auto;
}

example:
http://jsfiddle.net/voigtan/AxGHA/5/

“>img” instead:

http://jsfiddle.net/voigtan/AxGHA/6/

I’m adding a css class to the .section and style it in the css on how I want it to look.