javascript - 如果ID不是使用jQuery的JSON，如何隐藏li标签？

Closed. This question is off-topic。它当前不接受答案。
                            
                        
                    
                
                            
                                
                
                        
                            
                        
                    
                        
                            想改善这个问题吗？ Update the question，所以它是on-topic，用于堆栈溢出。
                        
                        4年前关闭。
                                                                                            
                
        
我有一个带有li标签的固定菜单。我只想显示id在JSON中的li标签。如果id不在JSON中，则不会显示li标签。

这是我的HTML：

<ul>
    <li id="1"><a href="#">Screen 1</a></li>
    <li id="2"><a href="#">Screen 2</a>
        <ul>
            <li id="3"><a href="#">Screen 3</a></li>
            <li id="4"><a href="#">Screen 4</a></li>
        </ul>
    </li>
    <li id="5"><a href="#">Screen 5</a></li>
    <li id="6"><a href="#">Screen 6</a></li>
    <li id="7"><a href="#">Screen 7</a></li>
    <li id="8"><a href="#">Screen 8</a></li>
</ul>

这是我的CSS：

#1,#2,#3,#4,#5,#6,#7,#8{
    display:none;
}

这是我的JSON：

[
  {  "ScreenID": 2,
    "ScreenName": "Screen 2"
  },
  {
    "ScreenID": 3,
    "ScreenName": "Screen 3"
  },
  {
    "ScreenID": 5,
    "ScreenName": "Screen 5"
  }
]

现在，只有ID为2、3和5的li标签应该可见。

最佳答案

尝试这个：

$.each(jsonArray, function(index, value) {
  var id = jsonArray[index].ScreenID;
  $('#' + id).show();
});

关于javascript - 如果ID不是使用jQuery的JSON，如何隐藏li标签？ ，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/34224209/