javascript - 列表项的可见性

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>我尝试搜索谷歌，但我真的找不到任何东西。任何帮助将非常感激！

score 1 · Accepted Answer

看来您正在使用 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

如果您可以准确指定您要完成的工作，我也许可以举一个更具体的例子。

1 回答 1