check if image does NOT exist then hide a div

Question

If there is an image in the div then hide the div. But if the image does exist then i need to keep the div visable.

But its not working. Here is my code:

Answer 1

$("div#productInfoGrid").has('img').hide();

Demo

Note

$("#div#productInfoGrid:not(img)") should be $("div#productInfoGrid:not(img)")

Answer 2

if ( !$("#productInfoGrid").has("img") ) {
    $(this).hide();
}

or simpler

$("#productInfoGrid").not(':has("img")').hide();​

DEMO

Answer 3

You can use .find() (Reference: http://api.jquery.com/find/)

if ($("#productInfoGrid").find('img').length == 0) {
    $("#productInfoGrid").hide();
}
​

Answer 4

if ($("#productInfoGrid img").length == 0) {
    $("#productInfoGrid").hide();
}