首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

当一个菜单项的按钮(第一个菜单项的“表亲”)用Javascript单击而没有jQuery时,关闭另一个菜单项的子菜单

当一个菜单项的按钮(第一个菜单项的“表亲”)用Javascript单击而没有jQuery时,关闭另一个菜单项的子菜单可以通过以下步骤实现:

  1. 首先,需要给第一个菜单项的按钮添加一个点击事件的监听器。可以使用原生的Javascript方法addEventListener来实现,例如:
代码语言:txt
复制
var button = document.getElementById("button1");
button.addEventListener("click", function() {
  // 在这里编写关闭另一个菜单项子菜单的代码
});
  1. 在点击事件的处理函数中,需要找到另一个菜单项的子菜单,并将其关闭。可以通过DOM操作来实现,例如:
代码语言:txt
复制
var submenu = document.getElementById("submenu2");
submenu.style.display = "none";

这里假设另一个菜单项的子菜单的id为"submenu2",将其display属性设置为"none"可以隐藏该子菜单。

  1. 如果需要在点击第一个菜单项的按钮时同时关闭其他菜单项的子菜单,可以使用循环遍历的方式找到所有菜单项的子菜单,并将它们关闭。例如:
代码语言:txt
复制
var submenus = document.getElementsByClassName("submenu");
for (var i = 0; i < submenus.length; i++) {
  submenus[i].style.display = "none";
}

这里假设所有菜单项的子菜单都有一个共同的类名"submenu",通过getElementsByClassName方法可以获取到它们的DOM元素列表,然后使用循环遍历将它们的display属性设置为"none"。

以上是通过原生Javascript实现关闭另一个菜单项的子菜单的方法。如果需要使用腾讯云相关产品来实现类似功能,可以考虑使用腾讯云的云函数(SCF)和云开发(TCB)服务。具体的实现方式和相关产品介绍可以参考腾讯云的官方文档:

请注意,以上答案仅供参考,具体实现方式可能因具体情况而异。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

自写JQ控件-树状菜单控件

一个多月没有写博客了,最近也弄一个基于JQ树状菜单控件,在此分享给大家。另外呢,通过这个例子分享一下怎么写JQ控件。...事实上工作中,也是经常遇到,有些时候自己想实现一些前端效果,网上一些插件吧,很强大,但是一些样式可能不是你想要,改起来牵一发动全身。这种情况自己写控件会好一些。...*/ .st_tree ul li a{ font-size: 18px; } /* 菜单项 */ .st_tree ul ul li a{ font-size: 17px; } /* 菜单项...主要有这几点: (1)$(function() {}); 文档载入完毕就执行意思 (2)jQuery插件开发分为两种: 1、 类级别 类级别你可以理解为拓展jquery类,最明显例子是$.ajax...(1)比如一些位置知识: jquery获取元素位置方法有两个: position方法: 获取匹配元素集中第一个元素坐标,获取是该元素相当于最近一个拥有绝对或者相对定位父元素偏移位置。

1.9K30

一起来学matlab-matlab学习笔记9 高级绘图命令_1 图形对象_根对象,轴对象,用户控制对象,用户菜单对象

若用户要用一个框架包围一些组件,则必须第一个定义框架。 校验框(check):单击检验框,会执行一操作。该组件对于提供用户多个独立选择是很有用。...没有打开,该组件显示当前选择项。 普通按钮(push):该组件被按下,将执行一操作。要激活一个按钮,只需在按钮上按下鼠标按钮即可。...触发按钮(toggle):该组件被单击且显示出它们状态(on或者off),控制是否执行回调函数 gcf 返回当前Figure 对象句柄值 gca 返回当前axes 对象句柄值 gco 返回当前鼠标单击句柄值...在建立菜单项,必须指定一级菜单项对应句柄值。快捷菜单鼠标右键单击对象在屏幕上弹出菜单。快捷菜单位置是不固定,而且总是附加在某个图形对象上。...制作一个带4个菜单项顶层菜单项,该下拉菜单分为两个功能区,每个功能区两个菜单项是相互独立,因此采用使能属性进行处理;图形窗坐标轴消隐,整个坐标分隔控制功能区不可见。

3.6K40
  • C#学习笔记—— 常用控件说明及其属性、事件

    (12)AcceptButton 属性:该属性用来获取或设置一个值,该值是一个按钮名称,按 Enter 键就相当于单击了窗体上按钮。...(13)CancelButton 属性:该属性用来获取或设置一个值,该值是一个按钮名称,按 Esc 键就相当于单击了窗体上按钮。...其中有文字单个命令称菜单项,顶层菜单项是横着排列单击 某个菜单项后弹出称为菜单菜单,它们均包含若干个菜单项菜单项其实是 MenuItem 类一个对象。...值为 true ,是默认菜单项,值为 false,不是默认菜单项菜单默认菜单项以粗体形式显示。当用户双击包含默认项菜单后,默认项被选定,然后菜单关闭。...常用 MDI 父窗体事MdiChildActivate,激活或关闭一个 MDI窗体将发生该事件。 3.菜单合并 父窗体和窗体可以使用不同菜单,这些菜单会在选择窗体时候合并。

    9.7K20

    Android菜单定义及ActionBar实现

    该方法会传入一个menu对象,利用该对象add()方法即可添加菜单。同样地,菜单也可以通过add()方法为自身添加菜单项。...add()方法四个参数中: 第一个参数是groupId,可以用来控制各个菜单项是否在同一组。 第二个参数是itemId,也就是每个菜单项Id。...利用switch即可针对每一个菜单项点击事件提供不同实现。 java代码来实现各个菜单项可能更贴合思维习惯,但是往往造成代码臃肿。...xml文件根节点必须是menu; 其中每个item标签定义一个菜单项,并可以通过在<item 中再定义<menu 方式创建菜单。 <?...如下图,两个图标代表按钮,三个竖点代表是溢出菜单: ? 言归正传,关于showAsAction值: 为ifRoom,表示如果有空间,就显示。

    1.2K20

    【机组】单元模块软件简介和安装

    2.3 卸载 鼠标点击“开始”按钮,然后选择“设置—控制面板”命令,打开控制面板。双击“控制面板”中“添加或删除程序”图标。在弹出对话框中,选择LCPT选项,然后单击“添加或删除”按钮。...新建或者打开新汇编源文件,软件会提示用户必须先关闭已打开源文件。...默认情况下,程序没有启动,各寄存器均不显示当前数值,寄存器及其他部件之间通路蓝线表示。...单击工具栏上“打开文件”或文件菜单中“打开”选项,如下图所示: 选择一个汇编源文件,如上图选择了文件“addsub.asm”,然后单击文件对话框“打开”按钮,显示界面如下: 4....单击工具栏上“编译”按钮菜单“编译”中“编译源文件”选项,若源文件存在语法错误,会出现相应对话框进行告警;源文件语法修改正确后,主界面会切换到“程序结构图”窗口,如下所示: 5.

    12310

    【愚公系列】2023年11月 Winform控件专题 ContextMenuStrip控件详解

    通过添加菜单项菜单项,可以为用户提供更多操作选项。使用方法:在Visual Studio工具箱中找到ContextMenuStrip控件,将其拖动到窗体上。...下面是一个简单例子,演示如何使用ContextMenuStrip和ToolStripMenuItem控件,在右键菜单中添加两个选项并处理它们单击事件:首先,在窗体中添加一个按钮一个ContextMenuStrip...打开ContextMenuStrip设计器,单击“Add New Item”按钮,添加一个菜单项单击菜单项,使其处于选中状态,然后打开属性窗口。...2.常用场景ContextMenuStrip控件通常用于实现右键菜单功能,它可以在用户右键单击控件或窗体显示一个下拉菜单。...添加两个ToolStripMenuItem控件,一个以“删除”为文本,另一个以“复制”为文本。右键单击第一个ToolStripMenuItem控件,选择“属性”选项。

    98611

    Material Design — 菜单(Menus)

    左:应用栏中操作太多时将会设置一个菜单    右:包含五个选项菜单 菜单标签 按钮或控件标签应该简洁准确地反映菜单项目(如下图)。...单个菜单项状态 某些app状态可能会导致只有一个菜单项情景菜单。 例如,使网页上文本高亮,Android仅显示“复制”菜单项,因为用户无法“剪切”或“粘贴”文本。 ?...例如,重做在没有任何可重做操作被禁用。 剪切和复制在没有选择内容不可用。 ? 不可用例子 ---- 行为 菜单出现在app内所有其他UI元素之上。 ?...取消选择 触摸菜单外部或按下系统“后退”按钮,取消操作并关闭菜单。 ? 简单菜单 ·打开,简单菜单会尝试将当前选定菜单项目与列表项目垂直对齐。 当前选择菜单项突出显示(如下图)。 ?...向下展开简单菜单 ? 向上展开简单菜单 ·不要在简单菜单弹出第一个选项上放列表中非已选项(如下图)。 ? ·但在靠近屏幕边缘,简单菜单会重新定位其垂直对齐方式,以便所有菜单项都完全可见。

    5.8K100

    JavaFX+Jfoenix 学习笔记(四)–MenuBar菜单

    、最小化及关闭按钮那一行及窗口边框外其它区域(场景) * 场景(Scene)是一个窗口(Stage)必不可少 */ @Override public void start(Stage stage...、最小化及关闭按钮那一行及窗口边框外其它区域(场景) * 场景(Scene)是一个窗口(Stage)必不可少 */ @Override public void start(Stage stage...Menu不能作为一个菜单按钮来使用,所以我都是MenuItem package zkh.javafx.learn.menubar; import javafx.application.Application...public class MenuBar3 extends Application { /** * Stage:就是你能看到整个软件界面(窗口) * Scene:就是除了窗口最上面有最大、最小化及关闭按钮那一行及窗口边框外其它区域....getStyleClass().add("zkh_MenuItem"); // 这里有个坑,MenusetOnAction不生效,或者说Maneu不能作为一个菜单按钮来使用,所以我都是MenuItem

    2.6K20

    《熬夜整理》保姆级系列教程-玩转Wireshark抓包神器教程(4)-再识Wireshark

    ②导出特定分组:可以选择导出全部包,主界面显示包,主界面选择包,marked包,第一个到最后一个marked包之间包,设置包序号段包,保存不保存忽略包。...Open Recent(打开最近文件) 这使您可以打开最近打开捕获文件。单击菜单项之一将直接打开相应捕获文件。 Merge…(合并) 此菜单项使您可以将捕获文件合并到当前加载文件中。...首选项:单击,将打开一个提示窗口,您可以在其中控制 GUI 外观、设置捕获选项和其他高级功能,如添加 RSA 密钥、修改协议设置等。此菜单也可用于自定义我们配置文件。...例如,您可以 UTC 来显示时间,不是以秒为单位显示时间。我们可以对数据包进行着色和脱色,甚至可以更改着色规则。...Colorize Conversation 该菜单项会弹出一个菜单,可让您根据当前所选数据包地址为数据包列表窗格中数据包着色。这使得区分不同对话分组变得容易。

    1.8K31

    Scrivener for Mac如何自定义快捷键

    在Scrivener for Mac中分配或更改键盘快捷键 可能存在某些菜单项,您发现自己使用了很多没有键盘快捷键菜单项,或者您发现键盘快捷键过于复杂。...6、单击“+”按钮。将出现一张纸。 7、从“应用程序”弹出按钮,选择Scrivener。 8、在“菜单标题”文本字段中,输入要添加命令的确切名称。...如果要更改“编辑”>“粘贴和匹配样式”菜单项键盘快捷键,则应键入“粘贴和匹配样式”。 10、单击“键盘快捷键”文本字段,然后按住新快捷键所需组合键。 11、单击“添加”。...12、关闭系统偏好设置。 而已!您返回Scrivener,新键盘快捷键应该已启动并正在运行。 修复冲突 请注意,OS X上键盘快捷键通过从左到右扫描菜单来查找与按下快捷键匹配菜单项。...您可以创建一个名为“您集合名称”快捷方式,但这将绑定到初始快捷方式,该快捷方式显示Binder中选项卡,不是将当前文档存档到该集合中命令。要专门定位某个菜单,还需要键入其菜单层次结构。

    1.7K20

    【热点盘点】iOS 8增强自动布局功能

    使用Interface Builder打开Storyboard界面设计文件才会看到这些菜单项。 第二种:通过Interface Builder右下角按钮来添加约束。...单击第一个按钮即可弹出图中浮动框,该浮动框与Align菜单包含菜单项完全一样,只是通过该按钮可以同时添加多个约束。...点击InterfaceBuilder右下角第二个按钮,打开浮动框与Pin菜单包含菜单项完全一样,只是可以同时添加多个约束。...InterfaceBuilder右下角第三个按钮对应浮动框与Resolve Auto Layout Issues菜单包含菜单项完全一样。...在按住键盘上control键同时,在Interface Builder中从一个UI控件向另一个作为父容器UI控件拖出一条蓝色斜线,松开鼠标即可看到如下图所示弹出菜单。 ?

    1.2K10

    .NET混合开发解决方案13 自定义WebView2中上下文菜单

    关于右键菜单术语 菜单项  包括复选框、命令、单选按钮、分隔符和菜单。 命令  五种类型菜单项之一。...此枚举将始终表示导致上下文菜单请求活动元素。例如,如果有一个包含多个图像、音频和文本选择,最终用户在此选择中右键单击元素将是此枚举表示选项。 Audio  指示上下文菜单是为音频元素创建。...考虑一些极端情况,系统需要统一实现自定义右键菜单功能。 通过一个简单示例来演示如何实现自定义WebView2 中上下文菜单。 场景:在第二个场景基础之上,增加2个自定义右键菜单项。...3、菜单项类型,包含Command(命令按钮)、CheckBox(复选框)、Radio(单选框)、Separator(分割线)、Submenu(菜单)。...用户何时请求上下文菜单 当用户请求打开上下文菜单 ((例如右键单击) ),应用需要侦听 ContextMenuRequested 事件。

    2.9K20

    Unity Odin从入门到精通(二):创建编辑器窗口「建议收藏」

    2.2.OnRightClick:当用户右键单击菜单项,就会调用该事件。 3.包含属性:如下所示: 3.1.Name:菜单项原始名称。 3.2.SmartName:菜单项智能名称。...4.7.DrawMenuItem:指定缩进等级来绘制菜单项。...1.9.DrawFoldoutTriangle:该字段值为true并且菜单项存在菜单项,就会在菜单项上绘制一个折叠三角形。否则,就不会在菜单项上绘制一个折叠三角形。...3.2.CopyCSharpSnippet:当前样式设置作为菜单项被添加到菜单树中,就会显示一个名称为”Copy C# Snippet”按钮。...其中,比较函数执行流程大致为:placeFoldersFirst参数值为true,首先就会对菜单项列表按照菜单项是否含有菜单项来排序,然后再按照菜单项名称进行排序。

    3.4K30

    Windows程序设计学习笔记(五)——菜单资源和加速键使用

    菜单可能是Windows提供统一用户界面中最重要一种方式,菜单通常在标题栏下一行显示,这一栏叫做菜单栏,菜单栏中每一项称之为菜单项菜单栏中一个菜单项在激活时会显现一个下拉菜单(也可以说是它菜单...),下拉菜单中也可以有多个菜单项,每个菜单项又可以有菜单,每个菜单项都有一个唯一数字标示,称为菜单项ID,但是有菜单菜单项没有ID。...10000h时候将它作为字符串指针,这个时候用字符串唯一标示菜单项这个数小于10000h表示一个数字,这个时候数字唯一标示。...; 用法3:用于创建一个菜单项菜单项菜单文字:显示在菜单项文字,需要字符串中某个字母带下划线的话,可以在字母前面加上一个&符号,比如上面的“状态栏(&U)”,带下划线字母被系统当做快捷键,...比如我们点击查看菜单项,打开它菜单,在按下字母U就相当于直接点击菜单状态栏一项; 命令ID:上述我们定义菜单ID项,父窗口WM_COMMAND消息参数中带有这个值,通过这个值判断是哪个菜单项被点击

    1.1K20

    GTK 菜单创建详解

    它通常用来作为放置菜单项容器 1.2 菜单创建 创建一个菜单条 往菜单条上添加菜单项(顶层菜单项) 创建一个下拉菜单,并将该下拉菜单作为顶层菜单项菜单 1.3 相关函数 ============...gtk_menu_item_new:创建一个菜单分隔条(菜单分隔条实际上是不带标签菜单项) gtk_menu_item_set_submenu:将一个下拉菜单设置成指定菜单项菜单 =======...,并将其作为某个顶层菜单项菜单 menu=gtk_menu_new(); gtk_menu_item_set_submenu(GTK_MENU_ITEM(menuitem),menu); =====...g_signal_connect(GTK_MENU_ITEM(menuitem),"activate",G_CALLBACK(event_handle),"new"); 注意: 1. activate:当用户单击菜单项是产生信号...所有菜单项回调函数都相同时,我们可以通过分析往回调函数传递用户数据来判断到底用户选择是哪个按钮(因为不同构件在注册某个信号可以传递各自用户数据) ======================

    1.5K20

    使用C#开发数据库应用程序

    Text 与文本框相关联文本 (3)按钮【Button】 属性 Text 按钮上显示文本 TextAlign 按钮上文本对齐方式 事件 Click 单击按钮发生 (4)单选按钮...【RadioButton】 属性 Checked 指示单选按钮是否以选中 Text 单选按钮显示文本 事件 Click 单击单选按钮发生 (5)列表框【ListBox】 属性...设置窗体:在调用打开窗体Show()方法前,在代码中将窗体MdiParent属性设为this】 例如: //用户单击菜单项,出现创建学员用户窗口 private void tsmiNewStudent_Click...【在父窗体中添加一个菜单Name(tsmiWindows),添加一个"窗口"菜单项,将菜单控件MdiWindowListItem属性设为"窗口"菜单项(tsmiWindows)】 5-3:使用WinForms...显示在菜单项文本 事件 Click 单击事件,单击菜单项发生 7-4:综合实例 详细请查看P185页 a.查询数据综合实例 (1)创建查询学员用户窗体SearchStudentForm

    5.9K30

    java swing开发窗体程序开发(一)GUI编程

    : 其双参构造方法:第一个菜单项名字,第二个是菜单项图标 /** * 创建一个菜单条,菜单项菜单窗口 */ public class MainForm extends JFrame...,即作为其菜单 submenu.add(new JMenuItem("菜单项1",new ImageIcon("/home/zuikaku/图片/1.png")));//菜单中添加菜单项...submenu.add(new JMenuItem("菜单项2",new ImageIcon("/home/zuikaku/图片/1.png")));//菜单中添加菜单项...即通过选项卡可以切换不同组件(也可以是面板JPanel),相当于,第一个选项卡点击 显示第一个界面,第二个选项卡点击,不开新窗口,就在该窗口上显示第二个界面。...(20));//第一个按钮和左边界距离 buttonBox.add(loginBtn); buttonBox.add(Box.createHorizontalStrut

    2.8K30
    领券