用click事件替换链接,但是只能替换第一个,怎么让他全部替换全部!

新手上路,请多包涵
 <iframe id="genghuan" src="等待被切换的地址" scrolling="no" frameborder="0" height="270" id="mainFrame" width="100%"></iframe>
 <iframe id="genghuan" src="等待被切换的地址" scrolling="no" frameborder="0" height="270" id="mainFrame" width="100%"></iframe>
 <iframe id="genghuan" src="等待被切换的地址" scrolling="no" frameborder="0" height="270" id="mainFrame" width="100%"></iframe>
 <iframe id="genghuan" src="等待被切换的地址" scrolling="no" frameborder="0" height="270" id="mainFrame" width="100%"></iframe>

<div id="qie"><dd>
    <ul>
    <li><a id="gb_1" href="#"  style="color: #9C9C9C;">更换链接地址1</a></li>
    <li><a id="gb_2" href="#play"  style="color: #9C9C9C;">更换链接地址2</a></li>
    </ul>     
    </dd>
    </div>



<script type="text/javascript">
$("#gb_1").bind("click",function (){
$('#genghuan').attr('src','http://127.0.0.0/1'); 
$("#gb_keleyi_com").text('一');})
$("#xianlu2").bind("click",function (){
$('#genghuan').attr('src','http://127.0.0.0/2'); 
$("#gb_2").text('二');})
</script>

代码是以上,但是,点击更换地址.只能更换第一个的地址,而不是带有genghuan全部的地址

怎么修改,让带有id="genghuan" src里面全部更换

阅读 2.9k
4 个回答

html文档中,id是唯一的,不能重复,因此根据id选择器的结果只有一个。

建议把iframe的id属性去掉,改成class="xx",然后根据class进行选择,如

$('.xx').attr();

id是唯一的。。。

不要用id是唯一的

新手上路,请多包涵

id唯一 ,你可以用data自定义属性

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题