トップのお知らせ部分に別ページの新着情報だけを表示する【jQuery】

<div id="top-info"></div>

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>

<script>
$(function() {
	$.ajax({
		url: './news/index.html' //読み込むファイルを指定
	})
	.then(
		// 通信成功時の処理
		function(html) {
			$(html).find('#news-area').each(function(){　//外部HTMLの読み込みたい部分を指定
				$('#top-info').html($(this).html()); //読み込んだ外部HTMLを表示するエリアを指定
				return false;
			});
			$('dl dt:gt(0), dl dd:gt(0)').remove(); //2件目以降の dt,dd を削除
		});
});
</script>

<div id="news-area">
	<dl>
		<dt>2020.04.00</dt>
		<dd>これはリスト1です…テキストテキストテキスト…</dd>
		<dt>2020.03.00</dt>
		<dd>これはリスト2です…テキストテキストテキスト…</dd>
		<dt>2020.02.00</dt>
		<dd>これはリスト3です…テキストテキストテキスト…</dd>
	</dl>
</div>