jQuery取值每次为什么都是最后一个?帮帮忙看看!

大神帮帮忙看看!我这个是多条信息,每条信息生成一个二维码,扫一下就打开一个网址,现在不管打开哪一条信息,显示的二维码都是最后一个,怎么才能打开对应的二维码呢?我每条的 data-id 都不同的,但是打开data-id="1" 它就显示的是 data-id="3" 打开data-id="2"也显示data-id="3"

<div class="fenxiang">
 <a href="javascript:void(0)" onClick="dashangToggle()" data-id="1" class="share-weixin clearfix" title="扫一扫"></a>
</div>
    <div class="shang_payimg"> 
    <img src="http://www.gbtags.com/gb/qrcode?t=https://www.baidu.com/1.html&amp;s=150" data-id="1"> 
    </div>  
<script type="text/javascript">
    $(function(){
        $(".pay_item").click(function(){
            $(this).addClass('checked').siblings('.pay_item').removeClass('checked');
            var dataid=$(this).attr('data-id');
            $(".shang_payimg img").attr("src","img/"+dataid+"img.jpg");
        });
    });
    function dashangToggle(){
        $(".hide_box").fadeToggle();
        $(".shang_box").fadeToggle();
    }
    </script>
</div>

<div class="fenxiang">
 <a href="javascript:void(0)" onClick="dashangToggle()" data-id="2" class="share-weixin clearfix" title="扫一扫"></a>
</div>
    <div class="shang_payimg"> 
    <img src="http://www.gbtags.com/gb/qrcode?t=https://www.sohu.com/2.html&amp;s=150" data-id="2"> 
    </div>  
<script type="text/javascript">
    $(function(){
        $(".pay_item").click(function(){
            $(this).addClass('checked').siblings('.pay_item').removeClass('checked');
            var dataid=$(this).attr('data-id');
            $(".shang_payimg img").attr("src","img/"+dataid+"img.jpg");
        });
    });
    function dashangToggle(){
        $(".hide_box").fadeToggle();
        $(".shang_box").fadeToggle();
    }
    </script>
</div>

<div class="fenxiang">
 <a href="javascript:void(0)" onClick="dashangToggle()" data-id="3" class="share-weixin clearfix" title="扫一扫"></a>
</div>
    <div class="shang_payimg"> 
    <img src="http://www.gbtags.com/gb/qrcode?t=https://www.sina.com/3.html&amp;s=150" data-id="3"> 
    </div>  
<script type="text/javascript">
    $(function(){
        $(".pay_item").click(function(){
            $(this).addClass('checked').siblings('.pay_item').removeClass('checked');
            var dataid=$(this).attr('data-id');
            $(".shang_payimg img").attr("src","img/"+dataid+"img.jpg");
        });
    });
    function dashangToggle(){
        $(".hide_box").fadeToggle();
        $(".shang_box").fadeToggle();
    }
    </script>
</div>
阅读 2.2k
2 个回答

不要重复定义函数

因为你重复定义函数,当然以最后一个为准。

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