小编40 *_*Day的帖子

在Javascript/jQuery中创建两个数字之间所有整数的数组,包括在内

说我有以下复选框:

<input type="checkbox" value="1-25" />
Run Code Online (Sandbox Code Playgroud)

要获得定义我正在寻找的范围边界的两个数字,我使用以下jQuery:

var value = $(this).val();
var lowEnd = Number(value.split('-')[0]);
var highEnd = Number(value.split('-')[1]);
Run Code Online (Sandbox Code Playgroud)

然后,我如何创建一个包含lowEnd和之间所有整数的数组highEnd,包括lowEndhighEnd自己?对于这个具体的例子,显然,结果数组将是:

[1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25]
Run Code Online (Sandbox Code Playgroud)

javascript arrays jquery

119
推荐指数
11
解决办法
18万
查看次数

如何使用jQuery中的自定义排序顺序对列表项进行排序

我的问题与我在Stack Overflow上发现的其他一些问题非常相似,但并不完全相同.

我想根据每个项目中包含的跨度内容对列表项进行排序 - 但是使用我可以定义的排序顺序.这是示例列表项的HTML:

<li>
    <span class="fname">John</span>
    <span class="lname">Doe</span>
    <span class="year">Sophomore</span>
</li>
Run Code Online (Sandbox Code Playgroud)

我想根据"年"跨度的内容进行排序,但是按时间顺序而不是按字母顺序排序.显然,订单必须是:

  • 新生
  • 二年级
  • 初级
  • 前辈

我怎样才能做到这一点?

仅供参考,我使用以下jQuery代码(完美地工作)按姓氏按字母顺序排序:

function sortByLastName(){
    var myList = $('#foo ul');
    var listItems = myList.children('li').get();
    listItems.sort(function(a,b){
        var compA = $(a).find('.lname').text().toUpperCase();
        var compB = $(b).find('.lname').text().toUpperCase();
        return (compA < compB) ? -1 : (compA > compB) ? 1 : 0;
    });
    $(myList).append(listItems);
};
Run Code Online (Sandbox Code Playgroud)

javascript sorting jquery

8
推荐指数
2
解决办法
2万
查看次数

在页面加载和每次单击某些按钮时运行jQuery函数

我有一个ul有多个列表项,我使用jQuery:

  1. 计算列表项的数量
  2. 将该值输出到不同的div
  3. 如果该值大于13,请更改输出文本的颜色

在另一个div中,我有多个按钮与类.add.delete.毫不奇怪,单击这些按钮可添加或删除列表项.

加载页面时,jQuery函数可以正常工作,但是每次单击上面的一个按钮时,我还想做的是更新.

这是我现有的代码:

    var totalItems = $('ul#myList li').length;
    $('#outputText').text(totalItems);
    if (totalItems > 13) {
        $('#outputText').css('color','#F0402B');
    };
Run Code Online (Sandbox Code Playgroud)

我需要添加什么才能使其工作?我确实看了这个类似问题的答案(在页面加载时运行一次代码,然后每次单击一个按钮时),但它们似乎没有帮助.任何帮助将不胜感激!

javascript jquery

1
推荐指数
1
解决办法
2万
查看次数

标签 统计

javascript ×3

jquery ×3

arrays ×1

sorting ×1