1.采用jquery实现

    var str="<div>"

                +"<div id='div1'>"

                    +"<div id='div1_1'>div1-1</div>"

                    +"<div id='div1_2'>div1-2</div>"

                +"</div>"

                +"<div id='div2'>"

                    +"<div id='div2_1'>div2-1</div>"

                    +"<div id='div2_2'>div2-2</div>"

                +"</div>";

              +"/div>";

    var divHtml=$(str).find('#div1').html();

    console.log(divHtml);        

输出结果

<div id="div1_1">div1-1</div><div id="div1_2">div1-2</div>

2. 采用DOMParser实现

    var str="<div>"

            +"<div id='div1'>"

                +"<div id='div1_1'>div1-1</div>"

                +"<div id='div1_2'>div1-2</div>"

            +"</div>"

            +"<div id='div2'>"

                +"<div id='div2_1'>div2-1</div>"

                +"<div id='div2_2'>div2-2</div>"

            +"</div>";

          +"/div>";

    var parser = new DOMParser();

    var doc=parser.parseFromString(str, "text/xml");

    console.log(doc.getElementById('div1'). innerHTML);

输出结果为

<div id="div1_1">div1-1</div><div id="div1_2">div1-2</div>

本文由职坐标整理并发布，希望对同学们有所帮助。了解更多详情请关注职坐标WEB前端HTML/CSS频道！