有多个ul,判断lide数量是否超过5个,小于5个的话show隐藏

 <div class="p">
            <ul>
                <li>111111111</li>
            </ul>
            <a href="" class="btn">show more</a>
</div>
<div class="p">
            <ul>
                <li>111111111</li>
                <li>111111111</li>
                <li>111111111</li>
                <li>111111111</li>
                <li>111111111</li>
                <li>111111111</li>
                <li>111111111</li>
                <li>111111111</li>
                <li>111111111</li>
            </ul>
            <a href="" class="btn">show more</a>
</div>

<script src="https://cdn.bootcss.com/jquery/1.7.1/jquery.min.js"></script>
<div class="p">
    <ul>
        <li>111111111</li>
    </ul>
    <a href="" class="btn">show more</a>
</div>
<div class="p">
    <ul>
        <li>111111111</li>
        <li>111111111</li>
        <li>111111111</li>
        <li>111111111</li>
        <li>111111111</li>
        <li>111111111</li>
        <li>111111111</li>
        <li>111111111</li>
        <li>111111111</li>
    </ul>
    <a href="" class="btn">show more</a>
</div>
<script>
    $('ul').each(function () {
        if ($('li:gt(4)', this).hide().length == 0) $(this).next().hide();
        else $(this).next().click(function () { $(this).prev().find('li:gt(4)').show();  return false})
    })
</script>

document.getElementById("ul_id").getElementsByTagName("li").length;//ul_id是你自己ul的id,后面是li标签,不用改。

    $(function () {
        debugger
        $(".p").each(function () {
            debugger
            var len = $(this).find("li").length;
            if (len < 5) {
                $(this).find(".btn").hide()
            }
        });

    });
$(function () {
    if($(".p ul li").length>5){
              $(".btn").hide()
            }else{
              $(".btn").show()
            }
});

for(let i=0;i< $("ul").length;i++){
if($(ul)[i].find("li").length>5){
$(".btn").hide()
}else{
$(".btn").show()
}
}