jquery的find方法拿不到所有的子元素

问题代码:

		$.ajax({
			url: HtmlUrl, //这里是静态页的地址
			type: "GET", //静态页用get方法，否则服务器会抛出405错误
			success: function (data) {
				debugger
				let res = $(data).find("#pages")
				$("#pages").html(res);
				$.getScript(JsUrl, () => {
					PageConLoaded()
				})
			}
		});

data为请求的页面返回的html值，最后发现html文件里面都是并排的dom元素没有一个共同的父dom，所以在最外层上加入一层div

<!-- Breadcrumb -->
<div>
    <ol class="breadcrumb hidden-xs">
        <li>
            <a href="#">Home</a>
        </li>
        <li>
            <a href="#">Library</a>
        </li>
        <li class="active">Data</li>
    </ol>

    <div class="dropdown" id="dropdown">
        <div style="display:inline-block;"><span style="font-size: 14px;margin-left: 17px;">列表选择：</span></div>
        <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1"
                data-toggle="dropdown"
                aria-haspopup="true" aria-expanded="true">
            用水年度台账
            <span class="caret"></span>
        </button>
        <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
            <li><a href="#" onclick="changePage('1','用水年度台账');">用水年度台账</a></li>
            <li><a href="#" onclick="changePage('2','漏损年度报表');">漏损年度报表</a></li>
            <li><a href="#" onclick="changePage('3','漏损月度报表');">漏损月度报表</a></li>
            <li><a href="#" onclick="changePage('4','压力报表查询');">压力报表查询</a></li>
            <li><a href="#" onclick="changePage('5','流量报表查询');">流量报表查询</a></li>
            <li><a href="#" onclick="changePage('6','表计日用量报表');">表计日用量报表</a></li>
        </ul>
    </div>

    <!--<h4 id="page-title" class="page-title">用水年度台账</h4>-->

    <hr class="whiter"/>
    <!--
                作者：offline
                时间：2018-04-28
                描述：toolba
           -->
    <!-- Main Widgets -->
    <div id="pages">
        <div id="block-area" class="block-area" style="width: 100%;">
            <header class="listview-header media">
                <div class="row">
                    <div class="col-md-9 m-b-12" style="width: 95%;line-height: 30px;">
                        <div style="width: 100%;line-height: 30px;">
                            <div style="width: 50px; float: left; vertical-align:middle;">日期：</div>
                            <div style="width: 110px; float: left;">
                                <input id="txtTime" type="text" class="form-control input-sm"
                                       onFocus="WdatePicker({onpicked:refreshPageByTime,dateFmt:'yyyy'})"/>
                            </div>
                            <div style="float: right;">
                                <ul class="list-inline list-mass-actions pull-left">
                                    <li style="margin-right: 50px;">
                                        <button onClick="importPDF()" type="button" class="btn btn-default">导出PDF
                                        </button>
                                    </li>
                                    <li>
                                        <button onClick="importEXCEL()" type="button" class="btn btn-default">导出EXCEL
                                        </button>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="clearfix"></div>
            </header>


            <!--<div class="row">
                <div class="col-md-12">
                    <div class="tile">
                        <div class="table-responsive overflow">
                            <table class="table table-bordered table-hover tile" id="comTable">
                                <thead>
                                </thead>
                                <tbody></tbody>
                            </table>
                            <div class="listview narrow" id="divChartBox" style="height: 300px"></div>
                        </div>

                    </div>
                </div>
            </div>-->

        </div>


        <form id="iframeForm" action="" method="get" target="reportFrame">
            <!--	<button value="asdsa" type="button" onclick="formSubmit()">11111111111</button>-->
        </form>

        <div style="height: 100%; width: 90%; ">
            <iframe src="" id="reportFrame" name="reportFrame" width="100%" height="1000px" frameborder="no"
                    border="0" marginwidth="0" marginheight="0" scrolling="no"
                    allowtransparency="true">
            </iframe>
        </div>
    </div>
</div>