jquery: how to find the children inside an element

[lauthiamkok]

Hi,

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

I have pre-set all <p> will have this style,

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

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

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

The HTML,

<div id="content">
<p><img src="img.jpg"/></p>
            
<p>Lorem ipsum dolor sit amet</p>
            
<p><img src="img.jpg"/></p>
            
<p>Lorem ipsum dolor sit amet</p>
</div>

Is it possible?

Thanks,
Lau

[semantic7]

$('p').each(function(){
     if($(this).find('img').length != 0){
          $(this).css('padding', '0px');
     }
});

[crmalibu]

Could also

$("img").closest("p")
//or
$("img").parents("p")

[lauthiamkok]

hey thank you guys! got it.

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

Thanks!
Lau :-)