为了账号安全,请及时绑定邮箱和手机立即绑定

Js动态修改A标签链接的问题!

Js动态修改A标签链接的问题!

饮歌长啸 2018-12-06 19:36:01
1 <div class="sidebarBox"> 2 <div class="left"> 3 <span></span> 4 </div> 5 <div class="right"> 6 <ul class="map"> 7 <li ><a class="1" href="/Pad/map?floorId=1&catalogId=0" target="map" ><img src="{^}/images/menu_1.jpg" alt="" title="" /></a></li> 8 <li><a class="2" href="/Pad/map?floorId=2&catalogId=0" target="map" ><img src="{^}/images/menu_2.jpg" alt="" title="" /></a></li> 9 <li><a class="3" href="/Pad/map?floorId=3&catalogId=0" target="map" ><img src="{^}/images/menu_3.jpg" alt="" title="" /></a></li> 10 <li><a class="4" href="/Pad/map?floorId=4&catalogId=0" target="map" ><img src="{^}/images/menu_4.jpg" alt="" title="" /></a></li> 11 <li><a class="5" href="/Pad/map?floorId=5&catalogId=0" target="map" ><img src="{^}/images/menu_5.jpg" alt="" title="" /></a></li> 12 </ul> 13 </div> 14 </div> 15 <div class="sidebarBox2" > 16 <div class="left"> 17 <span></span> 18 </div> 19 <div class="title2" id=""> 20 <ul> 21 <li><a name="catalog" href="#" class="733" title="" target="map" ><img src="{^}/images/menu_24.jpg" alt="" title="" /></a></li> 22 <li><a name="catalog" href="#" class="743" title="" target="map" ><img src="{^}/images/menu_27.jpg" alt="" title="" /></a></li> 23 <li><a name="catalog" href="#" class="750" title="" target="map" ><img src="{^}/images/menu_29.jpg" alt="" title="" /></a></li> 24 <li><a name="catalog" href="#" class="759" title="" target="map" ><img src="{^}/images/menu_31.jpg" alt="" title="" /></a></li> 25 <li><a name="catalog" href="#" class="771" title="" target="map" ><img src="{^}/images/menu_34.jpg" alt="" title="" /></a></li> 26 <li><a name="catalog" href="#" class="778" title="" target="map" ><img src="{^}/images/menu_37.jpg" alt="" title="" /></a></li> 27 <li><a name="catalog" href="#" class="803" title="" target="map" ><img src="{^}/images/menu_41.jpg" alt="" title="" /></a></li> 28 29 </ul> 30 </div> 31 32 </div> 这是我的HTML代码 <script type="text/javascript"> $(function () { $all = $("#shopList"); $(".Normal").toggle(function () { $all.hide().show("slow"); $(".Normal h2").replaceWith("<h2>隐藏</h2>"); }, function () { $all.show().hide("slow"); $(".Normal h2").replaceWith("<h2>显示</h2>"); }); $(".map li a").click(function(){ var floorId=this.attr("class"); $("a[name='catalog']").each(function(){ this.href="/Pad/map?floorId="+floorId+"&catalogId="+this.attr("class"); }); }); }); </script> 这是我的JS代码。。 我要实现点击class为map的A标签 动态修改name为catalog的A标签 我这JS没用 ?请问怎么写才好 ?
查看完整描述

3 回答

?
元芳怎么了

TA贡献1798条经验 获得超7个赞

$(".map li a").click(function(){
            var floorId=this.attr("class");
            $("a[name='catalog']").each(function(){
                 this.href="/Pad/map?floorId="+floorId+"&catalogId="+this.attr("class");
            });
        });

这段代码有问题,改为:

$(".map li a").click(function(){
            var floorId=$(this).attr("class");
            $("a[name='catalog']").each(function(){
                 this.href="/Pad/map?floorId="+floorId+"&catalogId="+$(this).attr("class");
            });
        });

注意标红部分。

查看完整回答
反对 回复 2018-12-24
?
弑天下

TA贡献1818条经验 获得超8个赞

+1楼上 是对的。  this  是JS 对象 $(this) 是JQ对象 

JS没有 attr 方法

attr方法 是JQ对象的

查看完整回答
反对 回复 2018-12-24
?
当年话下

TA贡献1890条经验 获得超9个赞

+1楼上 是对的。  this  是JS 对象 $(this) 是JQ对象

JS没有 attr 方法

attr方法 是JQ对象的

查看完整回答
反对 回复 2018-12-24
  • 3 回答
  • 0 关注
  • 699 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号