转载网址：http://hi.baidu.com/pdj408/item/b3cfdb2adbf736c6a517b698
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
|
<html> <head> <title>配置管理</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <style type="text/css"> frame{margin: 0;padding: 0;} frameset {margin: 0;padding: 0;} </style> </head> <frameset rows="88,*,30" framespacing="0" border="no" > <frame src="${ctx}/jsp/manage/manage-head.jsp" id="head" name="head" scrolling="no" frameborder="0"> <frameset cols="192,*" framespacing="0" border="no"> <frame src="${ctx}/jsp/manage/manage-left.jsp" scrolling="no" frameborder="0"> <frame src="${ctx}/jsp/manage/manage-context.jsp" name="_link" scrolling="no" frameborder="0"> </frameset> <frame src="${ctx}/jsp/manage/magage-foot.jsp" scrolling="no" frameborder="0"> </frameset> </html |
我在manage-context.jsp下页面中通过jquery获取/修改manage-head.jsp中的内容
var head=$(window.parent.parent.frames["head"].document);//获取head页面，这是一个文档树对象。
下面是manage-head.jsp中一段代码
|
1
2
3
4
5
6
7
8
9
10
|
<div id="t_div"> <div id="ul" class="t_link_div_left" > <ul class="t_link_class" > <c:forEach items="${linkList}" var="linkInfo"> <li class=""><a id="linkUrl" class="link-href-info" target="_link" href="${linkInfo.linkUrl}"><span>${linkInfo.linkName}</span></a></li> </c:forEach> <div class="clear"></div> </ul> </div> </div> |
var div=head.find("#ul"); //获取链接的这个div
var ul=ul.find(".t_link_class");//通过上面div对象获取到ul
ul.find("li").remove();//删除ul下面的所有li
//向ul中添加li
for(var i=0;i<data.list.length;i++){
var linkUrl=data.list[i].linkUrl;
var linkName=data.list[i].linkName;
ul.append("<li class=''><a id='linkUrl' class='link-href-info' target='_link' href="+linkUrl+"><span>"+linkName+"</span></a></li>");
}