javascript - 如何使用 jQuery 检查选​​择/单击的元素是否是 "n"的倍数？

Question

我在 ul 中有 'n' 个 li 元素。我只想在 li selected/clicked 是“n”的倍数(假设为 3)时提醒消息。

在下面的示例中，仅当我单击第 3、6 和 9 个 li 元素时才必须显示警报:

<ul>
  <li>list item 1</li>
  <li>list item 2</li>
  <li>list item 3</li>
  <li>list item 4</li>
  <li>list item 5</li>
  <li>list item 6</li>
  <li>list item 7</li>
  <li>list item 8</li>
  <li>list item 9</li>
</ul>

Answer 1

在这里，我们也可以使用nth-child。

$('ul').find('li:nth-child(3n)').click(function(){
  console.log($(this).text());
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<ul>
  <li>list item 1</li>
  <li>list item 2</li>
  <li>list item 3</li>
  <li>list item 4</li>
  <li>list item 5</li>
  <li>list item 6</li>
  <li>list item 7</li>
  <li>list item 8</li>
  <li>list item 9</li>
</ul>