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

Question

 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没用 ？请问怎么写才好 ？

Answer 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"); }); }); 注意标红部分。

Answer 2

+1楼上 是对的。  this  是JS 对象 $(this) 是JQ对象  JS没有 attr 方法 attr方法 是JQ对象的

Answer 3

+1楼上 是对的。  this  是JS 对象 $(this) 是JQ对象 JS没有 attr 方法 attr方法 是JQ对象的