如何動態加載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

回答

相關問題