Javascript 清单项目的可见性

Javascript 清单项目的可见性,javascript,jquery,html,list,Javascript,Jquery,Html,List,我在一个html页面上有一个项目列表(按钮),在另一个html页面上,我有不同设置的选项,如更改背景颜色等。我想添加的函数之一是能够在第一页上隐藏或显示一些列表函数。现在,列表项如下所示: <li class="ui-state-default"> <a href="settings.html"> <img class="image" src="Buttons/Settings.png"/></a>Settings </li&

我在一个html页面上有一个项目列表(按钮),在另一个html页面上,我有不同设置的选项,如更改背景颜色等。我想添加的函数之一是能够在第一页上隐藏或显示一些列表函数。现在,列表项如下所示:

<li class="ui-state-default">
    <a href="settings.html">
    <img class="image" src="Buttons/Settings.png"/></a>Settings
</li>
  • 设置

  • 我知道这可能可以通过Javascript实现,但如何引用每个列表对象呢?据我所知,在
  • 标记中不能有
    名称
    字段。我试着在谷歌上搜索,但什么也找不到。任何帮助都将不胜感激

    您似乎正在使用jQuery UI。下面是如何通过
    类选择示例代码中的所有
  • ,并循环执行某些操作:

    jQuery('li.ui-state-default').each(function() {
      // do something
    });
    
    如果要针对特定的
  • ,需要给它一个唯一的
    ID
    。 例如:

    <li class="ui-state-default" id="thisone"></li>
    
    jQuery('li#thisone').show(); // show it
    jQuery('li#thisone').hide(); // hide it
    
  • jQuery('li#thisone').show();//表现出来 jQuery('li#thisone').hide();//藏起来
    如果你能确切地说明你想要完成什么,我也许能给出一个更具体的例子

    此处有更多资源:


    使用
    id
    class
    而不是
    name
    。您能够使用或更喜欢纯javascript吗?
    ui状态默认值是一个jQuery ui类名,不是吗?我正在使用jQuery,是的