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

如何关闭兄弟LI元素的UL?

关闭兄弟<li>元素的<ul>可以通过使用JavaScript来实现。以下是一种常见的方法:

代码语言:txt
复制
// 获取所有的兄弟li元素
var siblings = Array.from(element.parentNode.children).filter(function(child) {
  return child.tagName === 'LI';
});

// 遍历兄弟li元素,关闭它们的ul
siblings.forEach(function(sibling) {
  var ul = sibling.querySelector('ul');
  if (ul) {
    ul.style.display = 'none';
  }
});

这段代码首先获取了当前元素的父节点的所有子节点,并筛选出标签名为<li>的兄弟元素。然后,遍历这些兄弟元素,找到它们的子节点中的<ul>元素,并将其display属性设置为none,从而关闭它们。

这种方法适用于具有嵌套结构的菜单或导航栏,通过点击某个<li>元素时,关闭其他兄弟元素的<ul>。这样可以实现一种常见的折叠/展开效果。

腾讯云相关产品和产品介绍链接地址:

请注意,以上仅为腾讯云的一些相关产品,其他云计算品牌商也提供类似的产品和服务。

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

相关·内容

领券