javascript - 如果 id 以偶数结尾，则使用 jquery 将类应用于具有特定 id 的每个 div

Question

如果该 id 以偶数结尾，我想将一个类应用于具有特定 id 的每个 div。另外，我想对以奇数结尾的类应用不同的类。理想情况下，如果可以用 jquery 实现那就太好了。

这是一个例子。我想将类“Red”添加到ID为“item1”的所有div，其中最终数字为奇数。因此“Red”类将应用于 item1、item3、item5。

类似地，我想向所有 ID 为“item2”的 div 添加“Green”类，其中最终数字为偶数。因此“Green”类将应用于 item2、item4、item6。

谢谢，任何帮助将不胜感激!

Answer 1

如果您满足先决条件，史蒂夫的答案看起来不错且干净。

如果没有，您可以循环遍历它们:

$('div').each(function(d) {
  num = Number( /\d+$/.exec( d.attr('id') )[0] );
  if (isNaN(num)) return;
  d.addClass(num % 2 == 0 ? 'even' : 'odd');
});

或者更多的 jQuery-sh:

$('div')
  .filter(function(d) { return /[02468]$/.test( d.attr('id') ); })
  .addClass('even');
$('div')
  .filter(function(d) { return /[13579]$/.test( d.attr('id') ); })
  .addClass('odd');