首页 新闻 赞助 找找看

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

林中竹隐的主页 林中竹隐 | 初学一级 | 园豆:62
提问于:2012-07-11 17:16
< >
分享
最佳答案
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
artwl | 专家六级 |园豆:16736 | 2012-07-11 17:29
其他回答(2)
0

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

JS没有 attr 方法

attr方法 是JQ对象的

收获园豆:5
Mundo Novo | 园豆:69 (初学一级) | 2012-07-11 22:40
0

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

JS没有 attr 方法

attr方法 是JQ对象的

收获园豆:5
jerry-Tom | 园豆:4077 (老鸟四级) | 2012-07-12 10:12
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册