如何或应该识别只有工作子菜单的非工作HTML菜单项？
要识别只有工作子菜单的非工作HTML菜单项，可以通过以下步骤进行：
- 首先，需要通过HTML和CSS来创建菜单项。菜单项可以使用HTML的<ul>和<li>标签来创建，使用CSS样式进行美化。
- 在HTML中，为每个菜单项添加一个唯一的标识符或类名，以便后续的JavaScript代码可以选择和操作这些菜单项。
- 使用JavaScript来检测菜单项是否只有工作子菜单。可以通过以下步骤来实现：
- a. 获取所有的菜单项元素，可以使用document.querySelectorAll()方法选择所有具有特定类名或标识符的元素。
- b. 遍历每个菜单项元素，对于每个菜单项，检查其是否具有子菜单。可以通过检查菜单项元素下是否存在<ul>或<li>子元素来判断是否有子菜单。
- c. 如果菜单项具有子菜单，则判断子菜单是否只包含工作子菜单。可以通过检查子菜单元素下是否存在非工作子菜单项来判断。
- d. 如果菜单项只有工作子菜单，则将其标记为非工作HTML菜单项。
- 在识别出非工作HTML菜单项后，可以根据需要进行进一步的处理，例如隐藏或禁用这些菜单项。
以下是一个示例代码，演示如何使用JavaScript来识别只有工作子菜单的非工作HTML菜单项：
<!DOCTYPE html>
<html>
<head>
<style>
/* CSS样式用于美化菜单项 */
.menu-item {
padding: 10px;
background-color: #f0f0f0;
border: 1px solid #ccc;
}
</style>
</head>
<body>
<ul id="menu">
<li class="menu-item">菜单项1</li>
<li class="menu-item">菜单项2
<ul>
<li class="menu-item">子菜单项1</li>
<li class="menu-item">子菜单项2</li>
</ul>
</li>
<li class="menu-item">菜单项3</li>
<li class="menu-item">菜单项4
<ul>
<li class="menu-item">子菜单项3</li>
<li class="menu-item">子菜单项4</li>
</ul>
</li>
</ul>
<script>
// 获取所有菜单项
var menuItems = document.querySelectorAll('.menu-item');
// 遍历每个菜单项
menuItems.forEach(function(item) {
// 检查菜单项是否具有子菜单
var subMenu = item.querySelector('ul');
if (subMenu) {
// 检查子菜单是否只包含工作子菜单项
var subMenuItems = subMenu.querySelectorAll('.menu-item');
var hasNonWorkItems = false;
subMenuItems.forEach(function(subItem) {
if (!subItem.querySelector('ul')) {
hasNonWorkItems = true;
}
});
// 如果子菜单只有工作子菜单项，则标记为非工作HTML菜单项
if (!hasNonWorkItems) {
item.classList.add('non-work-menu-item');
}
}
});
// 输出结果
var nonWorkMenuItems = document.querySelectorAll('.non-work-menu-item');
nonWorkMenuItems.forEach(function(item) {
console.log(item.textContent);
});
</script>
</body>
</html>在上述示例中，我们使用了一个CSS样式来美化菜单项，并使用JavaScript代码来识别只有工作子菜单的非工作HTML菜单项。最后，我们将标记为非工作HTML菜单项的菜单项输出到控制台。你可以根据实际需求进行进一步的处理和操作。
相关·内容
一个典型的wordpress菜单有一个顶层目标为#的菜单项，允许其多个可工作的子菜单指向目标URL。从哲学上讲，我有责任在视觉上向用户表明这个顶级菜单项是一个死菜单项，没有目标，所以他们不会选择它并等待永远不会到来的更改？
可以或需要使用什么设计功能来表示只有工作子菜单的非<
浏览 14提问于2017-03-05得票数 3
我正在为一个网站创建一个侧边栏菜单，它应该只显示当前选定页面中的子菜单。这个网站是用wordpress写的。我已经设法隐藏了未使用此css选择的页面的非活动子菜单项： .current_page_item .sub-menu, .current_page_parent.sub-menu { display: block;}
但是如何</
浏览 0提问于2012-05-30得票数 0
回答已采纳
我试图通过编程方式从AppDelegate启动一个窗口，特别是从服务提供商启动，它工作得不是很好，因为工具栏不工作，触摸栏不显示，我添加的自定义菜单项被禁用。Apple works提供的默认菜单和菜单项。 我的所有视图都是在故事板上创建的。默认的主窗口不是从AppDelegate启动的。 我像这样启动窗口。property = data
windowController.showWindow(sel
浏览 20提问于2021-04-12得票数 0
回答已采纳
2回答
2.5中设置了菜单和子菜单结构 MercedesBicycle Pirelli我添加了一个CSS规则来突出显示活动(子)菜单项。当我单击子菜单项时，子菜单项和菜单项都会被高
浏览 2提问于2013-08-12得票数 0
回答已采纳
如果当前页面或post的菜单项实际上有子项，我需要向标签中添加一个“has”类。提前感谢！编辑:我不确定我解释得够好:我需要添加“有-子”，不是如果当前页面是一个页面子，而是只有当当前页面的菜单项是一个菜单项-子.
浏览 0提问于2010-12-10得票数 0
我在屏幕顶部有一个菜单，里面有文件、帮助菜单项。单击任何子菜单项时，都会打开相应的窗口。那么，不使用鼠标，按ctrl +B或Ctrl + x，如何打开窗口？？
另外，如何在文件中的" F“下面显示一小行，以便当用户按下Alt +F时，文件菜单应该是可见的
浏览 3提问于2009-09-10得票数 1
回答已采纳
我注意到这种角度材料的行为，如果我在一个单独的组件中移动一个子菜单，它不会像它的父菜单在同一个组件中定义的那样在鼠标上方打开。：<button mat-button [matMenuTriggerFor]="menu"></button>
<mat-menu #menu="matMenu"&
浏览 0提问于2021-04-16得票数 2
2回答
我有一些用于边导航菜单的代码，主要是按我所需的方式工作的。左侧的侧边栏是驻留在ASP.NET NestedMasterPage中的一个子菜单，它还将其菜单项</em
浏览 1提问于2015-09-23得票数 0
回答已采纳
1回答
我想要创建一个弹出式菜单，其中有一些“大”(特殊)项目。
这些“大”项目在某种程度上应该像子菜单一样，但它们是大面板(有按钮、标签、组合框等)。当鼠标结束(或按下)相应的菜单项时，这些面板都应该出现在弹出式菜单旁边的同一个屏幕区域中，在最上面的项目项下，与其对应的项不对齐)。只要弹出窗口可见，它们中的最后一个选择就可以保持可见。这可能需要使用只有这个条目的单个大J
浏览 1提问于2011-01-23得票数 1
我有一个纯CSS下拉菜单，它工作得很好，但我希望在有子菜单的父菜单项上有一个下拉箭头，以向用户显示菜单有选择/选项。我现在有这样的情况：nav ul li > a:last-child:after { content: ' ▾'; }
这会在每个菜单项旁边放置一个下拉箭头，只有有孩子的<e
浏览 2提问于2014-05-12得票数 1
回答已采纳
1回答
如何在页面加载时启动触摸屏
、、、、
我有一个菜单，它使用鼠标悬停在桌面上显示子菜单。对于触摸屏设备，菜单焦点似乎只有在另一个元素首先被触摸(聚焦)之后才会启动。当我触摸菜单项以显示子菜单时，菜单项显示为选中，但不显示子菜单。如果我通过触摸另一个页面元素(如图像或表单域)来转移焦点，然后再次触摸菜单项，则子菜单将按预期工作。如果我先关注表单元素，然
浏览 18提问于2020-03-24得票数 0
我有一个具有按下键的包装器，但我希望只有在特定的子div或更准确的第一个div中单击时，它才能工作，但我不知道如何做到这一点。 Menu Dropdown and its content<div>
所以，我想要做的是，当我单击第一个子
浏览 6提问于2021-12-16得票数 0
有什么方法可以识别鼠标在元素上移动的位置吗？我有一个div，它显示或隐藏在菜单项(li).So的onmouseover和onmouseout上，当用户将鼠标移动到菜单项上时，div就会显示出来。当用户移动菜单项的左、右或顶部时，div将被隐藏。只有当用户向下移动鼠标时，才不应该隐藏div，因为用户应该能够单击div的内容。
有解决这些问题的标准方
浏览 1提问于2013-09-03得票数 0
回答已采纳
在我的DNN网站之一，我正在使用DNN菜单，对于DNN菜单中的一些项目，我希望主机用户或管理员用户可以访问父或根菜单项，并希望所有用户都可以访问子菜单项，所以我如何禁用所有根菜单项仅为主机/管理员启用(它应该是可点击的，并且应该重定向到适当的链接)，而根菜单项的子<
浏览 5提问于2012-10-04得票数 1
回答已采纳
1回答
JFrame项目菜单关闭
、、、
您知道如何在打开另一个窗口时关闭JFrame窗口吗？我知道它是如何在按钮上工作的，但现在我想对菜单项做同样的事情。下面是我的代码： JFrame frame = new JFrame("Test");
frame.setVisible
浏览 0提问于2013-12-14得票数 1
如何添加一个菜单项，该菜单项的右边有一个箭头，就好像会有一个子菜单，但没有显示子菜单一样？背景:对于托管C#应用程序，我希望添加一个在非托管DLL中创建的子菜单(使用TrackPopupMenu())。在我的实验中，只有在使用"DropDownItems.Add“附加项目时，我才能显示箭头。have arrow w/o sub
浏览 1提问于2015-04-01得票数 0
回答已采纳
1回答
网站加载器引擎
、、、、
我有一个非常简单的问题。我是网站建设的初学者。所以我必须建立一个有几个菜单和页面的网站。我有一个带有5个主菜单项的下拉菜单，每个主菜单项大约有6个子菜单项。每个子菜单项的内容都在不同目录下的html文件中。我寻找一个内容加载器引擎。我已经尝试了一些带有修复书签和后退按钮的ajax加载器脚本，但它们都不能完美地工作。所以我需要一个
浏览 0提问于2014-12-03得票数 0
2回答
在此页面上:frklincc.info/migrate具有子菜单项的顶部菜单项不会转到它们在单击时应该转到的页面。但是，如果您右键单击该项目，如About the Chamber，然后单击另一个选项卡中的Load，则该链接有效。子菜单项工作正常。主页链接工作正常。标记
浏览 3提问于2014-07-21得票数 0
3回答
导航子菜单单页网站
、、、
我并不是真的对所有这些编码术语感兴趣，所以我在寻找我的问题的答案时遇到了一些困难。通常，我只是复制粘贴现有代码，并尝试对我想要的内容进行一些调整。无论如何，我正在一个只有一页的网站上做导航菜单。所以到目前为止，这是可行的。但是，我想要一个子菜单。我尝试了一些东西，但我不能真正得到我想要的。我想要的是当我点击一个菜单项时，子菜单打
浏览 1提问于2013-02-22得票数 1
1回答
我正在尝试在我的ASP.NET MVC应用程序中创建ul/li菜单。菜单应该有4到5个顶部菜单项，每个顶部菜单项应该有一个悬停/下拉菜单与一些子菜单项。完成的菜单结构应该看起来像一个带有下拉菜单的普通ul/li菜单：
<li class="
浏览 1提问于2012-06-25得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
