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

Question

如果其中没有列表项，我有这个片段可以正常工作并隐藏 .currencybox div。

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

如果 .currencybox div 没有任何列表元素，我该如何更改它以隐藏名为 .currencycontainer 的 div？

Answer 1

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();
});

请参阅演示小提琴。

Answer 2

怎么样：

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

Answer 3

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

}

可能会有所帮助