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