如何使用其他 Javascript Array li 动态加载 Li 元素答案

【问题标题】：How to dynamically load Li element's with other Javascript Array li如何使用其他 Javascript Array li 动态加载 Li 元素
【发布时间】：2014-08-28 07:54:32
【问题描述】：

我无法弄清楚如何使我的菜单项在单击时动态更改其他列表项。

例如我想要Box1：

<nav class="left">

                <ul>
                    <li>
                    <a href=""><br>box1</a>
                    </li>
...

更新 'topnav' 类中的 li：

<header class="topnav">

                        <ul>
                            <li><a href="">Item</a></li>
                            <li><a href="">Item2</a></li>
                            <li><a href="">Item3</a></li>
                        </ul>

                    </header>

因此，当用户单击左侧类导航菜单上的 box1 菜单项时，例如 - 'Item'/'Item2'/'Item3' 列表项会更新为“NewItemName”/“NewItemName2”/“NewItemName3”

示例代码笔： http://codepen.io/anon/pen/Epiom

编辑：当您单击侧边栏导航按钮时，我正在尝试用新的 li 更改 (item,item2,item3) 的 li。例如，当您单击设置时，顶部的 3 个按钮（顶部导航）会更改为配置文件设置、视频设置、声音设置（这些名称是编造的，而不是在代码中）

【问题讨论】：

标签： javascript html css menu

【解决方案1】：

检查这个fiddle，它的代码也在下面，告诉我它是否是你想要的

<body>
    <header class="topnav">
        <ul>
            <li><a href="">Item</a>
            </li>
            <li><a href="">Item2</a>
            </li>
            <li><a href="">Item3</a>
            </li>
        </ul>
    </header>
    <nav class="left">
        <ul>
            <li>box</li>
            <li>otherbox</li>
        </ul>
    </nav>
    <script>
        $(function()
        {
            $(".left li").click(function()
            {
                var box = $(this).html();
                $( ".topnav li a" ).each(function( index ) 
                {
                    $(this).html("New" + box + "_" + index)
                });

            });
        });

    </script>
</body>

编辑：

http://codepen.io/zen_coder/pen/beCKf

此代码使用 Jquery
点击右边的方框，项目菜单会发生变化
我不得不删除链接 href="" 因为除非 href 以 '#' 开头并且指向当前页面内，否则单击链接会使您离开页面！

如果您刚刚开始前端开发，您可能想看看：

【讨论】：

这几乎是我想要的，但我需要它不自动生成和使用我们预定义的变量。对不起，我刚刚开始接触 javascript
@daveyedwards 查看我的编辑。告诉我您是否需要其他内容，或选择/验证答案：D
对不起，我想知道我们如何制作自己的而不是生成的。我们想链接到我认为的数组。我们有一个预先确定的列表，我们希望它们在点击时全部更改
您需要编辑您的问题并准确无误。准确地说出你想要什么，因为我猜不出即使你不太确定会得到什么。 :)