Question

我在jQuery中有点新鲜，我试图在使用jQuery的无序列表的每个列表元素中添加一个按钮。我认为以下代码对我有用，但事实并非如此。有没有人可以帮忙一下？

<html>
<head>
    <meta charset="utf-8" />
    <script src="scripts/jquery-2.1.1.min.js"></script>
    <title>Button add</title>
</head>
    <body>
        <script >
            var $button = $('<button>').text('Test');
            $('li').prepend($button);
        </script>

        <ul>
            <li>Item</li>
            <ul>
                <li>SubItem</li>
                <ul>
                    <li>SubSubItem</li>
                    <li>SubSubItem</li> 
                </ul>
                <li>SubItem</li>
                <li>SubItem</li>
            </ul>
        </ul>
    </body>
</html>

编辑：我试图在每个列表元素中的文本之前插入一个按钮。这样的事情：

        <ul>
            <li><button>Test</button>Item</li>
            <ul>
                <li><button>Test</button>SubItem</li>
                <ul>
                    <li><button>Test</button>SubSubItem</li>
                    <li><button>Test</button>SubSubItem</li>
                    ...
        </ul>

使用jQuery在无序列表的每个列表元素中添加一个按钮

0 个答案: