jquery 如何修改a链接里面的参数?

wuyutingting 2017-05-17 02:32:00
<script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#link a").each(function(index,item){
$(this).bind("click",function(){
$(this).attr("data");//当前【data】如果是orderway=desc,点击后修改成orderway=asc
$(this).text();//当前【热点】如果是desc,点击后修改成asc
})
})
})
</script>
<div id="link">
<a data="/list.php?id=123&orderby=hot&orderway=desc" href="javascript:viod();">热点desc</a>
<a data="/list.php?id=123&orderby=time&orderway=desc" href="javascript:viod();">时间desc</a>
<a data="/list.php?id=123&orderby=scores&orderway=desc" href="javascript:viod();">评分desc</a>
</a>

就是想点击desc和asc切换而已。
...全文
166 1 打赏 收藏 转发到动态 举报
写回复
用AI写文章
1 条回复
切换为时间正序
请发表友善的回复…
发表回复
  • 打赏
  • 举报
回复
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.1.min.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $("#link a").click(function (e) {
            var data = $(this).attr("data");//当前【data】如果是orderway=desc,点击后修改成orderway=asc
            var sort = /orderway=(desc|asc)/g.exec(data)[1], tsort = sort == 'desc' ? 'asc' : 'desc';
            data = data.replace('orderway=' + sort, 'orderway=' + tsort);
            $(this).attr('data', data).text(this.innerHTML.replace(sort, tsort));
        })
    })
</script>
<div id="link">
    <a data="/list.php?id=123&orderby=hot&orderway=desc" href="javascript:void(0);">热点desc</a>
    <a data="/list.php?id=123&orderby=time&orderway=desc" href="javascript:void(0);">时间desc</a>
    <a data="/list.php?id=123&orderby=scores&orderway=desc" href="javascript:void(0);">评分desc</a>
</div>

87,993

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧