Question

我在一个html页面和另一个html页面上有一个项目列表（按钮）我有不同设置的选项，例如更改背景颜色等。我想添加的功能之一是能够隐藏或显示第一页上的一些列表功能。现在列表项如下：

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

我知道这可能是用Javascript完成的，但我如何引用每个列表对象？据我所知，name代码中没有<li>字段。我尝试搜索谷歌，但我无法找到任何东西。任何帮助将非常感激！

Answer 1

看来你正在使用jQuery UI。以下是您可以按<li>选择示例代码中的所有class并循环执行以执行某些操作的方法：

jQuery('li.ui-state-default').each(function() {
  // do something
});

如果您要定位特定的<li>，则需要为其指定一个唯一的ID。例如：

<li class="ui-state-default" id="thisone"></li>

jQuery('li#thisone').show(); // show it
jQuery('li#thisone').hide(); // hide it

如果您可以准确指定您要完成的任务，我可以提供更具体的示例。