如何使用UL创建列表 [英] how to create a list using UL

问题描述

示例:

Clicking on B
<ul>
    <li>A</li>
    <li>B</li>
    <li>C</li>
</ul>
will change the html to 
<ul>
    <li>A</li>
    <li>
        B
        <ul>
            <li>B1</li>
        </ul>
    </li>
    <li>C</li>
</ul>
Clicking on B1 will change it to
<ul>
    <li>A</li>
    <li>
        B
        <ul>
            <li>
                B1
                <ul>    
                    <li>B11</li>
                </ul>
            </li>
            </li>
        </ul>
    </li>
    <li>C</li>
</ul>

推荐答案

请找到示例代码，该示例代码将为您提供一个使用jQuery实现目标的想法.以后您可以用更好的方式编写类似的代码.
HTML:

Please find sample code which will give you an idea to achieve your target by using jQuery. Later you can write similar code in better way.
HTML:

<ul>
    <li id="liFirst">A</li>
    <li id="liSecond">B</li>
    <li id="liThird">C</li>
</ul>

脚本代码:

Script Code:

(#liSecond").one("click"，function(){

("#liSecond").one("click",function() {

(#liSecond").append (< ul>< li id =" sceondChild> B1</li>//ul")； })

("#liSecond").append("<ul><li id="sceondChild">B1</li></ul>"); })

这篇关于如何使用UL创建列表的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！