Jquery 如何删除包含特定编号li的ol？

我对html和css非常陌生。所以我真的需要帮助，这是我的问题

如何删除包含3个li且没有类或id的ol标记

下面是一个例子：

<div class="text">
    <ol>
        <li>1</li>
        <li>2</li>
        <li>3</li>
    </ol>

    <ol>
        <li>1</li>
        <li>2</li>
    </ol>
</div>

一,
二,
三,
一,
二,

以下是预期结果：

<div class="text">
    <ol>
        <li>1</li>
        <li>2</li>
    </ol>
</div>

一,
二,

---

提前谢谢

如果知道要删除的

ol

标记将位于div中的第一个，则可以使用第一个子选择器将其作为目标

.text ol:first-child {
    display: none;
}

如果它的位置将发生变化，或者您要删除多个

ol

标记，那么这将不起作用，您需要JavaScript

.text ol:第一个孩子{
显示：无；
}

一,
二,
三,
一,
二,

您可以使用jQuery方法

$('.text ol').filter(function() {

return $(this).children('li').length===3

}).remove();

$（'.text ol'）.filter（函数（）{
返回$（this）.children（）.length==3
}).remove（）

111
2222
3333
一,
二,
一,
二,
三,
四,
我在JSBin中提出了一个解决方案，其中所有正好包含3个li标记的ol标记都将从DOM中删除。这里是链接

以及执行此任务的代码：

$.each($('.text').find('ol'), function(i, item){
  if($(item).find('li').length == 3)
    {
      item.remove();
    }
});

你有理由不给它任何等级或id吗？我不确定没有他们你能做到我想你能做到。首先针对元素
ol
，然后需要检查它是否有三个子元素。然后更改其可见性或显示属性。然而，这个Javascript脚本在目标网页中是通用的，请在投票时发表评论，然后我可以改进我的答案。谢谢