В JavaScript, чтобы указать class с любой цифрой на конце, вам придется использовать немного измененный синтаксис для выбора элемента по классу с помощью метода document.getElementsByClassName(). Обычно, чтобы выбрать элемент по классу, вы пишете document.getElementsByClassName('class-name'), однако, если вам нужно выбрать элемент с классом, который заканчивается на цифру, вам придется использовать такой селектор: document.querySelectorAll('[class$="digit"]'), где digit - это любая цифра от 0 до 9.
Давайте рассмотрим пример, чтобы это проиллюстрировать:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Class с любой цифрой</title>
</head>
<body>
<div class="example1">Этот div класса example1 не будет выбран</div>
<div class="example2">Этот div класса example2 не будет выбран</div>
<div class="example3">Этот div класса example3 будет выбран</div>
<script>
const elements = document.querySelectorAll('[class$="3"]');
elements.forEach(element => {
element.style.backgroundColor = 'lightblue';
});
</script>
</body>
</html>
В данном примере будут выделены все элементы <div>, у которых класс заканчивается на цифру 3. Обратите внимание, что селектор [class$="digit"] выберет не только классы с одной цифрой, но и те, которые содержат больше символов (например: example13). Если вам нужно выбрать класс только с одной цифрой, вам придется использовать более сложные селекторы или фильтровать элементы после выбора.
Надеюсь, это поможет вам выбирать элементы с классами, заканчивающимися на любую цифру в вашем JavaScript скрипте. Если у вас есть дополнительные вопросы, не стесняйтесь задавать!