检查div是否包含li然后使用jquery删除另一个元素

Question

如果div#FeatureIconsWrapper包含否li

然后div#productInfoGrid被css隐藏或者完全删除。

我试过了（这是正确的吗？）：

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

Answer 1

试试这个，

Live Demo

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

Answer 2

您可以使用:has：

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

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

Answer 3

请试试这个：

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

$(document).ready(function() {

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