当我选择日期时，将类添加到每第n个元素

当你选择日期时，将类添加到每第n个元素。

首先，我们需要明确问题的背景和需求。假设我们有一个日期选择器的界面，其中包含一系列的日期元素。我们希望在用户选择日期时，将一个特定的类添加到每第n个日期元素上。

首先，我们需要确定以下几个参数：

类名：要添加到日期元素上的类名。
n：每第n个日期元素。

接下来，我们可以按照以下步骤实现这个功能：

获取日期元素的父容器或列表，以便后续操作。
使用合适的方法（如querySelectorAll）选择所有的日期元素。
遍历日期元素列表，对于每个元素执行以下步骤：
- 判断当前元素在列表中的位置是否为第n个元素（可以使用取模运算符%来实现）。
- 如果是第n个元素，则将类名添加到元素的classList中。
- 如果不是第n个元素，则继续遍历下一个元素。

这样，当用户选择日期时，每第n个日期元素都会被添加上指定的类名。

下面是一个示例代码的实现：

<!DOCTYPE html>
<html>
<head>
    <style>
        .selected {
            background-color: yellow;
        }
    </style>
</head>
<body>
    <ul id="dateList">
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
        <li>5</li>
        <li>6</li>
        <li>7</li>
        <li>8</li>
        <li>9</li>
        <li>10</li>
    </ul>

    <script>
        function addClassToEveryNthElement(className, n) {
            var dateList = document.getElementById('dateList');
            var dateElements = dateList.querySelectorAll('li');

            for (var i = 0; i < dateElements.length; i++) {
                if ((i + 1) % n === 0) {
                    dateElements[i].classList.add(className);
                }
            }
        }

        // 使用示例：
        addClassToEveryNthElement('selected', 3);
    </script>
</body>
</html>

在上面的示例代码中，我们使用了一个无序列表（ul）作为日期元素的容器，并给每个日期元素添加了一个li标签。然后，我们定义了一个名为addClassToEveryNthElement的函数，该函数接受两个参数：类名和n。在函数内部，我们通过querySelectorAll方法选择了所有的日期元素，并使用循环遍历每个元素。根据给定的n，我们使用取模运算符来判断是否为第n个元素，并将指定的类名添加到元素的classList中。在示例代码中，我们将每第3个元素的背景色设置为黄色。

请注意，上述示例代码仅为演示目的，实际应用中可能需要根据具体情况进行适当的修改和调整。

以上就是关于当选择日期时，将类添加到每第n个元素的完善且全面的答案。