jquery - 如何删除包含特定数字 li 的 ol？

Question

我对 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>

提前致谢!

Answer 1

您可以使用 filter() jQuery 方法。

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

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

}).remove();

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

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

}).remove();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="text">
    <ol>
        <li>111</li>
        <li>2222</li>
        <li>3333</li>
    </ol>

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