2 li2008kui li2008kui 于 2014.05.06 10:28 提问

请问如何将html中两个或多个具有相同层次结构和内容的ul或li合并在一起?

合并前的HTML内容如下:

<ul class="ul1">
    <li>
        <p>中国</p>
        <ul class="ul2">
            <li>
                <p>广东</p>
                <ul class="ul3">
                    <li>
                        <p style="color: red">G123456789</p>
                    </li>
                </ul>
            </li>
        </ul>
    </li>
</ul>
<ul class="ul1">
    <li>
        <p>中国</p>
        <ul class="ul2">
            <li>
                <p>广东</p>
                <ul class="ul3">
                    <li>
                        <p style="color: red">G888888888</p>
                    </li>
                </ul>
            </li>
        </ul>
    </li>
</ul>

求一算法将上述内容合并成入下效果:

<ul class="ul1">
    <li>
        <p>中国</p>
        <ul class="ul2">
            <li>
                <p>广东</p>
                <ul class="ul3">
                    <li>
                        <p style="color: red">G123456789</p>
                    </li>
                    <li>
                        <p style="color: red">G888888888</p>
                    </li>
                </ul>
            </li>
        </ul>
    </li>
</ul>
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
JQuery 两个ul标签中的li互相移动
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/1999/xhtml">     两个ul标签中的li互相移动             ul{list-style-type:none;float:left;margin-right:30px;background-color:Gre
使用ul li 的商品列表展开合并案列
HTML布局       ">          商品列表展开合并          /lib/jquery_1.8.3.min.js"> /js/showCategory.js"> *{margin:0;padding:0;} bady{font-size: 12px;text-align: center;} a{color: #04D;text
li浮动布局,两行两列,其中有合并效果
DOCTYPE htmlPUBLIC "-//W3C//DTDXHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> html xmlns="http://www.w3.org/1999/xhtml"> head> meta http-equiv="Content-
HTML DOM 中实现删除ul 中li节点
New Document                  onclick="deleteLi(this)">1111111111  2222222222  33333333333  344444444444        //获得当前的ul对象 var obj = document.getElementById("ul1"); //删除的方法  objs为当前的对象 function del
如何快速将多个文本文件合并在一起?这里给你答案
COPY命令可以将两个或多个文本文件合并成一个文件,当要合并数个文本文件,而不想用记事本反复打开复制、粘贴,那么可以用它来快速完成任务。只要用:COPY file1+file2+…+newfile。该命令中,前面的file1、file2是要合并的文件名,newfile是要生成的文件名。当然,对这个功能还可以使用通配符,如果一个目录中的文件都是.txt为扩展名的文件,就可以用命令:COPY *.tx
excel里怎样根据两个表里面相同的列,合并其他列到同一个表里
sheet1内容: sheet2内容: 我现在想根据两个sheet里面的姓名把sheet1里面的'性别'复制到sheet2里面: 在sheet2里的空白列(如第三列)里输入=VLOOKUP(A1,Sheet1!A1:B5,2,0) 如图: 第一个参数表示关联的字段(这里是姓名,A1), 第二个参数表示从哪些区域里复制过来(这里是sheet1里面的
Html之【ul和li】综合技巧大全(持续更新中..)
一、修改【ul】和【li】的行间距或间距的方法! 首先,用下面的方法,但发现太小了字体也显示一半了。 缩小行li的间距应改变行高line-height li{line-height:20px;} 其次,用下面的方法还是比较管用! ul,li{margin:0;padding;0}放在css的第一行。 二、去掉【ul】和【li】前面的点! #center_b_left ul l
原生js实现的ul li 二级联动
git地址:https://github.com/dxiaoqi/linkage 使用方法 <script> var city={ "name":"网站", "num":['niace','aaaa'], "sites":[ "Google", "Runoob",
div 中的 ul li 单个无限循环。 多个的时候可以用递归实现
/*         function recursion(x){         if(x>0){         document.write(x+'');         recursion(x-1);         }         }         */         $(document).ready(function () {             var
html/CSS中ul li左对齐
在html中,很多标签都是有初始属性的,而这些属性在不同的浏览器下面又是不同的,所以为了方便,许多人都在css文件最前面写上 *{margin:0;padding:0;} 以消除这种差异 如果想左对齐,请在对应的ul标签加入对应的CSS代码: ul{margin:0;padding:0} 凡是有ul都得写这个