jQuery hide li на основе идентификатора из вложенного ul li

Question

Мне нужно скрыть определенный li (с id = 3-DELETED-) из вложенной ul li на основе поля id.

Пример:

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

В этом случае у вас есть без какого-то идентификатор Ли так он выходит из строя, попробуйте это вместо

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