日期:2014-05-16  浏览次数:20689 次

请教高手jqurery load 局部 怎样载入innerHTML
我有若干个htm文件,每个文件的结构都差不多,里面都有一个<div id="col2">.
现在我新建了一个main.htm,结构跟之前的那些htm文件一样,左边col1作为导航菜单,点击菜单上的各项链接后,通过load方法找到其他各个文件中的col2,传到右边的col2中显示。
上面的工作已经做到了,但我发现load方法是把整个col2的outerHTML传过来的。也就是说,装入新内容的col2里面还有个col2,两个<div id="col2">嵌套在一起了。
我希望只有一个<div id="col2">,请教有没有知道解决办法的高手,谢谢!
------解决方案--------------------
要么改你的main.htm的id,要么给内容文件的col2的容器增加一个子容器,将原来的内容放到这个子容器中,load的时候增加选择器

$('#col2').load('xxx.html #col2>div')
------解决方案--------------------
楼主,分享一个jQuery的基础课程,除了基础选择器、过滤选择器、表单选择器等,DOM元素,动画特效,常用的一些插件都有涉及,你看看对你有没有用http://www.imooc.com/course/view/id/11