如何使用其他Javascript數組li動態加載Li元素

Question

我在弄清楚如何使我的菜單項在單擊時動態更改其他列表項時遇到問題。

例如我想要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）。 例如，當您單擊設置時，頂部的3個按鈕（頂部導航按鈕）將更改為配置文件設置，視頻設置，聲音設置（這些名稱是組成的，不在代碼中）

Answer 1

檢查這個提琴，其代碼也在下面，並告訴我它是否是您想要的

<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數組li動態加載Li元素

問題描述

1 個解決方案

解決方案1
0 2014-08-28 09:34:58

如何使用其他Javascript數組li動態加載Li元素

問題描述

1 個解決方案

解決方案1 0 2014-08-28 09:34:58

解決方案1
0 2014-08-28 09:34:58