Apply class to every paragraph that holds image?

Question

Hey guys,
When adding an image to a page or post wordpress is automatically adding a paragraph tag as parent holding the image.

since there is no parent selector in CSS I'd love to find a solution to apply a specific classname to those paragraphs holding an actual image.

Any idea if I can use add_filter() to apply a classname to each p that holds an image?

Answer 1

You could use jQuery if you don't mind to rely on JavaScript for adding the class.

$(document).ready(function() {
    $('p:has(img)').addClass('image');
});

Update: the .has() method is probably faster, see this jsperf.com test.

$(document).ready(function() {
    $('p').has('img').addClass('image');
});