Jquery Load часть внешнего HTML

В основном у меня есть index.html, показанный ниже ..

<html>

<head>

<title>UI Test: Main Menu</title>

<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="general.js"></script>

</head>

<body>  

<input type="button" value="Details" onclick="javascript:$('#mainContainer').load('loadpage.html #name1div *');"/><br>
<div id="mainContainer">        

</div>

Loadpage.html cotaints

<div id="nav1div><h3>1 DIV </h3> </div>
<div id="nav2div><h3>2 DIV </h3> </div>
<div id="nav3div><h3>3 DIV </h3> </div>
<div id="nav4div><h3>4 DIV </h3> </div>

И моя цель состоит в том, чтобы в основном загружать 1 из div за один раз в основной контейнер, я знаю, что функция загрузки может загрузить всю страницу сразу, но это НЕ то, что мне нужно делать.

Несколько раз смотрели на подобные вопросы, но, похоже, не могли решить эту проблему ..

Спасибо за помощь, ребята!

Ответы на вопрос(3)

Ваш ответ на вопрос