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

Question

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

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

同样，我想将类“Green”添加到所有 ID 为“item2”的 div，其中最终数字为偶数。因此，“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');