-海深不蓝森浓不绿 2019-07-25 15:05 采纳率: 0%
浏览 188

asp.net foreach写的二级菜单

怎么获取一级菜单下二级菜单的数量 用js

图片说明

图片说明

图片说明

        一级菜单判断没问题
        $("#edittool").click(function () {
     var lm = document.getElementsByClassName("tr1").length; 
       if (lm >= 3) { alert("一级菜单不能超过3个！"); return false;}
    })  


    下面 二级菜单 获取的一直是所有的二级菜单的数量 
    $(document).on("click", ".add", function () {
    var sm = document.getElementsByClassName(" tr2").length;  

    if (sm >= 5) { alert("子菜单数不能超过5个！"); return false;} 
    });    


             怎么获取一级菜单下二级菜单的数量 
            js进行判断
  • 写回答

1条回答 默认 最新

  • 你知我知皆知 2024-08-10 20:21
    关注

    以下回答参考 皆我百晓生、券券喵儿 等免费微信小程序相关内容作答，并由本人整理回复。

    要获取ASP.NET中一个特定级别的菜单（例如一级菜单或二级菜单）下的所有子菜单数量，你可以使用JavaScript结合jQuery和HTML元素。以下是一个简单的示例：

    <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>菜单数量计算</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>

<div id="container">
    <!-- 处理一级菜单 -->
    <div id="menu1" class="branch">
        <h2>一级菜单标题</h2>
        <ul>
            <li>一级菜单项1</li>
            <li>一级菜单项2</li>
            <li>一级菜单项3</li>
        </ul>
    </div>
    
    <!-- 处理二级菜单 -->
    <div id="menu2" class="leaf">
        <h2>二级菜单标题</h2>
        <ul>
            <li>二级菜单项1</li>
            <li>二级菜单项2</li>
            <li>二级菜单项3</li>
        </ul>
    </div>
</div>

<script>
$(document).ready(function(){
    // 获取一级菜单的所有子菜单数量
    const menu1Branches = $('.branch').length;
    console.log(`一级菜单有${menu1Branches}个子菜单`);
});

// 二级菜单数量判断逻辑
$("#menu1").on('click', '.add', function(){
    let menu2Leaves = $('.leaf').length;
    console.log(`二级菜单有${menu2Leaves}个子菜单`);
});
</script>
</body>
</html>

    在这个例子中，我们首先在<head>部分加载了jQuery库，并且定义了一个用于处理一级菜单的CSS类branch和一个用于处理二级菜单的CSS类leaf。

    然后，在<body>部分，我们在两个不同的容器中分别设置了branch和leaf类，这样就可以根据这些类来动态地获取当前级别菜单的子菜单数量。

    接着，我们使用JavaScript监听器在<div id="menu1"上绑定了一个事件'click'到.add按钮。这个事件会触发一个函数，它通过遍历所有具有<li>标签的<div>元素（即子菜单），并统计它们的长度来获取当前一级菜单的子菜单数量。

    最后，我们展示了如何在页面上显示这两个数值，以便于观察结果。

    评论

报告相同问题？