javascript - 测试索引值是否等于某个数字的倍数

Question

尝试找到更好的方法来测试某个值的倍数的索引值，在本例中假设为 10。以下显然不理想。寻找更好的方法。 (目前有心理障碍。)

$('.element').each(function(i){
   if (i==9 || i==19 || i == 29 || etc... ){
      alert('condition met');
   }
});

Answer 1

使用 remainder operator

$('#element').each(function(i){
   if (i % 9 == 0){
      alert('condition met');
   }
});

注意:ID选择器只会选择一个元素，所以我猜是题中的错字

---

您还可以查看 nth-child selector如果所有元素都是兄弟

$('.element:nth-child(9n)').each(function(i){
    alert('')
});

工作片段:

//just to populate
$('.element').html(function(i) {
  return i + 1;
});

//using index
$('.element').each(function(i) {
  if (i > 0 && i % 9 == 0) {
    $(this).css('color', 'red')
  }
});

$('.element:nth-child(9n)').each(function(i) {
  $(this).css('background-color', 'green')
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="element"></div>
<div class="element"></div>
<div class="element"></div>
<div class="element"></div>
<div class="element"></div>
<div class="element"></div>
<div class="element"></div>
<div class="element"></div>
<div class="element"></div>
<div class="element"></div>
<div class="element"></div>
<div class="element"></div>
<div class="element"></div>
<div class="element"></div>
<div class="element"></div>
<div class="element"></div>
<div class="element"></div>
<div class="element"></div>
<div class="element"></div>
<div class="element"></div>
<div class="element"></div>
<div class="element"></div>