check if div contains li then removing another element using jquery

Question

If div#FeatureIconsWrapper contains NO li

Then div#productInfoGrid is hidden by either by css or removed completly.

I have tried(is this correct?):

$("div#FeatureIconsWrapper:not(li)")({
    $("div#productInfoGrid").hide();
});

Answer 1

Please try this:

API: http://api.jquery.com/has/

$(document).ready(function() {

       if ($("div#FeatureIconsWrappet:not(:has(li))")) { //.hide()
               $("div#productInfoGrid").hide();
        }
});

Answer 2

You can use :has:

if (!$("#FeatureIconsWrapper:has(li)").length) {
    $("#productInfoGrid").hide();   // or remove()
}​

DEMO: http://jsfiddle.net/8T4ka/2/

Answer 3

Try this,

Live Demo

if($("div#FeatureIconsWrapper li").length == 0)
{
    $("div#FeatureIconsWrapper").hide();
}