如果父项没有列表项，则jQuery隐藏div

Question

我有一个正常工作的代码片段，如果里面没有列表项，则会隐藏.currencybox div。

jQuery(".currencybox:not(:has(li))").hide();

如果.currencybox div没有任何列表元素，我怎么能改变它以便它隐藏一个名为.currencycontainer的div？

Answer 1

怎么样：

$(".currencybox:not(:has(li))").each(function(){
    $(this).closest('.currencycontainer ').hide();
});

Answer 2

if ($('.currencybox').children('li').length == 0)
{
$('.currencycontainer').hide();

}

可能会有所帮助

Answer 3

HTML：

<div class="parent">
    <div class="currencycontainer" >currencycontainer</div>
    <div class="currencybox" >currencybox
        <ul>
            <li>1</li>
        </ul>
    </div>
</div>
<div class="parent">
    <div class="currencycontainer" >currencycontainer</div>
    <div class="currencybox" >currencybox
        <ul>
        </ul>
    </div>
</div>

JS：

$(".currencybox:not(:has(li))").each(function(){
    $(this).parent().find('.currencycontainer ').hide();
});

请参阅演示fiddle。