<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="js/jquery.min.js"></script>
</head>
<body>
<a href="javascript:;" id="send">链接1</a>
<a href="javascript:;" id="send">链接2</a>
<a href="javascript:;" id="send">链接3</a>
<a href="javascript:;" id="send">链接4</a>
<div id="resText" class="resText"></div>
<script type="text/javascript">
$(document).ready(function(){
$("#send").click(function(){
$(".resText").load("test.html .Contents");
});
});
</script>
</body>
</html>
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<div class="Contents">
<p class="span">1</span>
<p class="test">测试</p>
</div>
<div class="Contents">
<p class="span">2</span>
<p class="test">测试</p>
</div>
<div class="Contents">
<p class="span">3</span>
<p class="test">测试</p>
</div>
<div class="Contents1">
<p class="span">1</span>
<p class="test">测试</p>
</div>
<div class="Contents1">
<p class="span">2</span>
<p class="test">测试</p>
</div>
<div class="Contents1">
<p class="span">3</span>
<p class="test">测试</p>
</div>
</body>
</html>
如果做成导航点击链接获取每个页面的内容要怎么做? 因为a标签是后台循环出来的
求详细代码demo
wecouture.com 这个网站的导航就是用ajax做的,但不知道怎么做