Скрытие литий тег в JQuery

Question

я Bulid ниспадающее меню с помощью Ли и уль HTML тег, но теперь я хочу, чтобы скрыть некоторые меню зависит от уровня пользователя

КОД:

<li id="20"><a href="#">File Generation<br /></a> 
         <ul class="subload"> 
          <li id="21" ><a href="#">Generate Files<br/></a></li> 
          <li id="22" ><a href="#">Reprocess<br/></a></li> 
          <li id="23" ><a href="#">File Regenerate<br/></a></li> 
          <li id="24" ><a href="#">File Status<br/></a></li> 
         </ul></li> 

Я попытался

$(document).ready(function() { 
       $("li #20").hide(); 

       $("body").on({ 
        ajaxStart: function() { 
         $(this).addClass("loading"); 
        }, 
        ajaxStop: function() { 
         $(this).removeClass("loading"); 
        } 
       }); 

       var theForm = $("form[name=MenuBean]"); 
       var params = theForm.serialize(); 
       var actionURL = theForm.attr("action"); 
       $.ajax({ 
        type: "POST", 
        url: actionURL + "?name='Anand'", 
        data: params, 
        success: function(data, textStatus, XMLHttpRequest) { 
         alert("Success : " + data); 
         var tmp = data.split("|"); 
         for (i = 0; i < tmp.length; i++) { 
          $("li #"+tmp[i]).show(); 
         } 
         if (data == "success") { 
         } else { 
          $("#ajaxresult").show().html(data).fadeIn(1000); 
         } 
        }, 
        error: function(XMLHttpRequest, textStatus, data) { 
         alert("Error : " + data); 
        } 
       }); 
       //event.preventDefault(); 
      }); 

, но он не работает должным образом ..

Answer 1

Ваш селектор $("li #"+tmp[i]).show(); неправильно. Ваш селектор ищет элемент с идентификатором x, который является декомпозицией элемента li.

Поскольку у вас есть идентификатор элемента, нет необходимости использовать селектор элементов и селектор идентификаторов.

должно быть

$("#"+tmp[i]).show(); 

Answer 2

Удалить пробелы в ваших селекторов. <li id="20"> будет выбран с $("li#20"), а не $("li #20").

$("li #20") ищет элемент с идентификатором 20 внутри a li.

Реально, однако, вы не нуждаетесь в li в селекторе, если используете идентификатор, так как должен быть только один элемент с этим идентификатором.

Кроме того, CSS не нравится идентификаторы, начинающиеся с цифр, поэтому вы не сможете ссылаться ни на один из этих элементов по идентификатору в таблице стилей. Если это проблема, вы должны изменить их на что-то более описательное.

Answer 3

Удалить пространство:

Изменение от:

$("li #"+tmp[i]).show(); 

К

$("li#"+tmp[i]).show();