Question

我有以下HTML

<ul class="nav sidebar-menu">
 <li>.....</li>
  <ul>
   <li>.....</li>
   <li>
      <ul clas="sub-menu">
        <li><a></a></li>
      </ul>
   </li>
  </ul>
 </ul>

使用上面的HTML，内部添加了一些类，我正在为锚元素获取阴影。现在在Inspect Element中，我可以找到以下内容

.page-sidebar .sidebar-menu>li>.submenu>li.active:last-child a {
-webkit-box-shadow: inset 0 -4px 4px -2px }
.page-sidebar .sidebar-menu>li>.submenu>li.active:first-child a {
 -webkit-box-shadow: inset 0 4px 4px -2px rgba(0,0,0,.15);}

如果在inspect元素中禁用上述内容，我可以删除元素的阴影。如何使用JQuery选择上面的内容。任何链接，建议也会有所帮助。感谢

Answer 1

使用JQuery类或Id选择器，在这种情况下，您可以使用：

$(".sub-menu")

但是，如果子菜单类中有多个元素，则会全部选择它们。你也可以像这样在元素中添加一个id：

<ul class="nav sidebar-menu">
 <li>.....</li>
  <ul>
   <li>.....</li>
   <li>
      <ul id="elementid" class="sub-menu">
        <li><a></a></li>
      </ul>
   </li>
  </ul>
 </ul>

然后使用Id选择器

选择它

$("#elementid")

在嵌套的li元素

1 个答案: