页面中包含多个ifame框架,且在同一域名下,ifame的id是随机生成的。怎样在遍历ifame的id值后,获取里面的ul>li>a,并修改a标签中的属性值呢?
例如:其中某个ifame页面中包含下面的列表:
<ul>
<li><a href="aa.html">链接a</a></li>
<li><a href="bb.html">链接b</a></li>
<li><a href="cc.html">链接c</a></li>
<li><a href="dd.html">链接d</a></li>
</ul>
怎样动态获取ifame中所有的a标签,然后做出比如:创建一个data属性,然后把href=""中的链接值放到data里,再给href替换成javascript:void(0)
目前可以取到ifame的id值,不知道如何进一步实现类似上面的结果。请哪位朋友帮忙指点下,谢谢了。
<html>
<head>
<meta charset="utf-8">
<title>获取多个ifame中子元素</title>
<script src="jquery-2.2.4.min.js" type="text/javascript"></script>
</head>
<body>
<input type="button" id="cs" value="测试修改">
<div id="views">
<div id="view1">
<iframe id="7a9deda549af" src="1.html" >
</div>
<div id="view2">
<iframe id="7a9deda549af" src="2.html">
</div>
</div>
<script>
$(document).ready(function(){
$('#cs').click(function(){
var ifames = [];
$("iframe").each(function(){
var ifid = $(this).attr('id');
ifames.push(ifid);
})
console.log(ifames);
})
});
</script>
</body>
</html>