jQuery 根据嵌套的 ul li 中的 id 隐藏 li

Question

我需要根据 id 字段从嵌套的 ul li 中隐藏特定的 li（id= 3-DELETED-）。

示例：

The jquery I used:

<script>
$(document).ready(function(){
 $("ul li").each(function () {
     var id = $(this).attr("id");
     if (id.toLowerCase().indexOf('-deleted-') >= 0) {
         $(this).hide();
     }
 });
});
</script>

<ul>
    <li id="1">New</li>
    <li>
        <ul>
            <li id="2">option1: blue</li>
            <li id="3">option2: green</li>
            <li>
                <ul>
                    <li id="4">option 4</li>
                </ul>
            </li>
            <li id="5-DELETED-">option3</li>
        </ul>
    </li>
</ul>

所以，我想知道是否有办法从嵌套列表中隐藏特定列表项。

Answer 1

在这种情况下，你有一些没有 id 的 li，所以它崩溃了，试试这个

$(document).ready(function(){
 $("ul li").each(function () {
     var id = new String ($(this).attr("id"));
     if (id.toLowerCase().indexOf('-deleted-') >= 0) {
         $(this).hide();
     }
 });
});

jQuery 根据嵌套的 ul li 中的 id 隐藏 li

jQuery hide li based on the id from nested ul li

jquery

nested-lists