开发者社区> 问答> 正文

怎样将”顺序“和”反序“两个按钮合并成一个按钮,点击一下是顺序 再点击是反序?!

昨天被问到个题,说是现在有两个按钮”顺序“和”反序“,分别使用以下两段代码,请将其合并为一个按钮” 排序“。达到效果:点击为正序,再点击为反序。

<script type="text/javascript">
 
$(function() {
    $('span.zhengxu').click(function() {
        var liContents = [];
        $('ul span.orderid').each(function() {
            liContents.push(parseInt($(this).text(), 10));
        });
        liContents.sort(numOrdDesc);
        $('ul li span.orderid').each(function() {
            $(this).text(liContents.pop());
        });
    });
});
 
function numOrdDesc(a, b) {
    return (b - a);
}
?
1
以下反序只是复制一下正序而成,应将其合并。

$(function() {
    $('span.fanxu').click(function() {
        var liContents = [];
        $('ul span.orderid').each(function() {
            liContents.push(parseInt($(this).text(), 10));
        });
        liContents.sort(nesc);
        $('ul li span.orderid').each(function() {
            $(this).text(liContents.pop());
        });
    });
});
 
function nesc(a, b) {
    return (a - b);
}</script>

展开
收起
a123456678 2016-07-07 16:27:33 1920 0
1 条回答
写回答
取消 提交回答
  • jquery中有个方法toggle,应该可以解决你的问题
    .toggle( handler(eventObject), handler(eventObject), [ handler(eventObject) ] )
    handler(eventObject)第一数次(奇数)点击时要执行的函数。

    handler(eventObject)第二数次(偶数)点击时要执行的函数。

    handler(eventObject)更多次点击时要执行的函数。

    2019-07-17 19:52:59
    赞同 展开评论 打赏
问答地址:
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载