javascript - jQuery ID 号码范围

Question

我正在尝试编写一个 jQuery 脚本，该脚本将添加一个类来列出特定 ID 范围内的项目。我在我的 ID 中使用数字并希望调整 ID 的范围。

<li id="item-15">Something</li>
<li id="item-16">Something</li>
<li id="item-17">Something</li>
<li id="item-18">Something</li>
<li id="item-19">Something</li>

我想添加一个类来说第 16 项到第 19 项。我该怎么做？

jQuery('li#item-[16-19]).addClass('the-class');

我真的不知道该怎么做。也许 .each()？

Answer 1

var min = 16, max = 19;

$('li[id^=item-]').addClass(function ()
{
    var i = parseInt(this.id.replace('item-', ''), 10);
    if (i >= min && i <= max) return 'the-class';
});

为了明确起见，您可能应该使用共同的父级来限定选择器，例如

$('#some-ul-id > li[id^=item-]').addClass(...);

如果 ID 总是按顺序递增，并且索引为零，您可以简化:

$('#some-ul-id > li[id^=item-]').addClass(function (i)
{
    if (i >= min && i <= max) return 'the-class';
});

或者，作为 @matchew suggests , 使用 .slice():

$('#some-ul-id > li[id^=item-]').slice(min, max).addClass('the-class');