jquery: how to find the children inside an element

lauthiamkok · 11-07-2009, 05:28 PM

Hi,

How can I find if each of the tags contains <img> tag, then style the tags which contain <img> inside them?

I have pre-set all will have this style,

Code:

<style>
p { padding:0px 0px 20px 0px;}
</style>

The function to re-style the which contains <img> inside them,

Code:

$(document).ready(function(){
	
	if ($('p img').length >0) {
		$("p img").css({
		padding: '0px'
		});
	}
});

The HTML,
[HTML]<div id="content">
<img src="img.jpg"/>

Lorem ipsum dolor sit amet

<img src="img.jpg"/>

Lorem ipsum dolor sit amet
</div>[/HTML]

Is it possible?

Thanks,
Lau

Fumigator · 11-08-2009, 09:35 AM

Doing something like this is certainly possible....

So does that code of yours work?

Bill Posters · 11-08-2009, 09:59 AM

Code:

$('p img').parents('p').css({ padding: '0px' });

lauthiamkok · 11-08-2009, 12:56 PM

Quote:

Originally Posted by Bill Posters

Code:

$('p img').parents('p').css({ padding: '0px' });

thank you. it works perfectly now!