如何动态加载Li元素与其他Javascript阵列li

我有一个问题，搞清楚如何让我的菜单项在点击时动态更改其他列表项。如何动态加载Li元素与其他Javascript阵列li

比如我想BOX1：

<nav class="left"> 

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

更新李时珍在“topnav”类：所以当用户点击左类导航菜单BOX1菜单项

<header class="topnav"> 

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

        </header>

，在例如 - '项目'/ '项目2'/ '项目3' 的列表项更新，可以说 “NewItemName”/ “NewItemName2”/ “NewItemName3”

例如codepen： http://codepen.io/anon/pen/Epiom

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

来源

2014-08-28 worlddev

检查此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开始以“＃”和点点击链接品牌你离开了页面！

如果你是刚刚起步的前端开发你可能想看看：

来源

2014-08-28 09:34:58 user2346536

这几乎是我在找什么，但在使它不会自动生成并使用我们的预定义变量。对不起，我刚开始进入javascript – worlddev 2014-08-28 18:14:11

@daveyedwards看到我的编辑。告诉我，如果你需要别的东西，或者选择/验证答案：D – user2346536 2014-08-28 18:35:02

对不起，我想知道我们如何制作我们自己的而不是生成的。我们想链接到我认为的数组。我们有一个预先确定的清单，我们希望它们在点击时全部更改为 – worlddev 2014-08-28 18:38:45

如何动态加载Li元素与其他Javascript阵列li

回答

相关问题