JQuery 二级菜单联动，遍历($.each())

最新推荐文章于 2021-03-11 12:33:08 发布

houyanhua1

最新推荐文章于 2021-03-11 12:33:08 发布

阅读量2.4k

点赞数

分类专栏： JQuery 文章标签： jquery

本文链接：https://blog.csdn.net/houyanhua1/article/details/78825399

版权

本文详细讲解了如何使用JQuery的$.each()方法实现二级菜单的联动效果，通过遍历数组或集合来操作DOM元素，实现动态交互功能。

摘要由CSDN通过智能技术生成

遍历： $.each(数组或集合,fun(index,item){ })

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <script src="scripts/jquery-1.7.1.min.js"></script>
    <script>
        //$.each(obj,fun(i,n))
        //如果obj是数组，则i是索引，n是元素
        //如果obj是对象或键值对，i是键，n是值

        //定义省市数据，键值对集合
        var datas = {
            "北京": ["朝阳", "海淀", "昌平", "丰台"],
            "山东": ["青岛", "济南", "烟台"],
            "山西": ["大同", "太原", "运城", "长治"],
            "河南": ["洛阳", "开封", "郑州", "驻马店"],
            "河北": ["石家庄", "张家口", "保定"