首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >当我在其子页面中时,在菜单中激活父名称

当我在其子页面中时,在菜单中激活父名称
EN

Stack Overflow用户
提问于 2017-07-28 14:38:32
回答 1查看 68关注 0票数 0

我有一个递归函数:

代码语言:javascript
复制
function recursive($arrays, $out) {
if (is_array($arrays)){
     //$out .= "<ul>";
     foreach($arrays as $parent => $data) {
         //if parent is empty
         if ($parent === '') {
             $out = recursive($data, $out);
             continue;
         }

         $out .= "<li>";
         if (is_array($data)){
             $out .= ' <a href="#" class="dropdown-toggle active" data-toggle="dropdown">';$out .= $parent;
         }
         else
         { $directory =explode("@", $parent)[0];$paname = explode("@", $parent[1]; $link = 'http://127.0.0.1/ocos/index.php?module='.$directory.'/'.$paname;
             $out .= '<a href="'.$link.'">'; $out .= $data;

         }

         if (is_array($data)){
              $out .= '<b class="caret"></b></a>';
         }
         else
         {
             $out .= "</a>";
         }
         if (is_array($data)){
            $out .= "<ul class='dropdown-menu'>";
            $out = recursive($data, $out);
            $out .= "</ul></li>";
         }
         else
         {
         $out .= "</li>"; 
         }
     }
    } 

返回$out;}

在菜单栏中,我有一个名为operation的父级下拉菜单,还有一个名为aro的子页,还有一个名为aro的子页,所以我想要的就是当我在aro document list中时,用绿色激活父operation,让用户知道他在菜单的哪个部分。先谢谢你

EN

回答 1

Stack Overflow用户

发布于 2017-07-28 15:03:33

我觉得你把事情搞得太复杂了。下面的是你需要的吗?当您单击a、b或c时,家长将获得绿色背景。

代码语言:javascript
复制
$("li").on("click", function() {
  var grandparent = $(this).parent("ul").parent("li");
  if (grandparent.length > 0) {
    grandparent.css("background", "green");
  }
});
代码语言:javascript
复制
ul {
  padding: 0;
  list-style: none;
  background: white;
}

li {
  cursor: pointer;
}

.operations {
  display: flex;
}

.operations li {
  width: 25px;
}
代码语言:javascript
复制
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul class="operations">
  <li>1</li>
  <li>2</li>
  <li>3
    <ul class="aro">
      <li>a</li>
      <li>b</li>
      <li>c</li>
    </ul>
  </li>
</ul>

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/45366489

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档