Js动态修改A标签链接的问题！
0
悬赏园豆：50
[已解决问题]
解决于 2013-04-29 16:55
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没用 ？请问怎么写才好 ？
最佳答案
1
$(".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");
});
});
注意标红部分。
收获园豆：40
其他回答(2)
0
+1楼上 是对的。 this 是JS 对象 $(this) 是JQ对象
JS没有 attr 方法
attr方法 是JQ对象的
收获园豆：5
0
+1楼上 是对的。 this 是JS 对象 $(this) 是JQ对象
JS没有 attr 方法
attr方法 是JQ对象的
收获园豆：5
