Jquery - применить новый экземпляр к каждому экземпляру класса css
О, мальчик, это будет легко для вас, ребята (к сожалению, я новичок, когда дело касается JS). Я очень ценю вашу помощь! Спасибо!
Вот мой код:
jQuery(document).ready(function( $ ){
var colors = ['#e5e5e5','#d3f2eb','#cce3ff', '#97d8c9', '#97e9c4', '#c9f9b2', '#c1d4d5', '#b2d5fd', '#fdebb2', '#5cc2ab', '#5cdca2', '#aaf587', '#9ebbbe', '#87bdfc', '#fce086'];
var random_color = colors[Math.floor(Math.random() * colors.length)];
$('.bannercolor').css('background-color', random_color);
});
<div class = "bannercolor">Div ONE</div>
<div class = "bannercolor">Div TWO</div>
<div class = "bannercolor">Div THREE</div>
Jquery применяет один и тот же цвет фона ко всем трем div на моей странице. Я бы хотел, чтобы из моего массива для каждого div был выбран другой цвет. Div One может быть синим ... div Two может быть зеленым и т. д.
Не могли бы вы помочь мне понять, как изменить мой код для достижения этой цели?
Ответы 1
Вам нужно использовать другой класс для каждого div, если вы хотите установить цвет на основе этого класса. Или выполните итерацию по элементам в классе и назначьте CSS для «this». Вам также нужно получить цвет и установить его для каждого div (т.е. трижды).
Вот пример, в котором мы перебираем элементы в классе и назначаем каждому цвет фона.
jQuery(document).ready(function($) {
var colors = ['#e5e5e5', '#d3f2eb', '#cce3ff', '#97d8c9', '#97e9c4', '#c9f9b2', '#c1d4d5', '#b2d5fd', '#fdebb2', '#5cc2ab', '#5cdca2', '#aaf587', '#9ebbbe', '#87bdfc', '#fce086'];
$('.bannercolor').each(function() {
var random_color = colors[Math.floor(Math.random() * colors.length)];
$(this).css('background-color', random_color);
});
});
фоновое изображение: линейный градиент (rgba (204, 227, 255, 1), rgba (204, 227, 255, 1)); Похоже на то. Тогда как цвет фона: rgb (252, 224, 134); рендерится так. Обратите внимание, что для background-image используется rgba, а не rgb. В любом случае, я не уверен, возможно ли это что-то легкое или нет. Если вы знаете, как сделать что-то простое, то, как я уже сказал, я напишу вам в личку электронное письмо PayPal или другую информацию.
Спасибо! Вот что мне было нужно. Какой адрес электронной почты связан с используемой вами учетной записью PayPal? Если вы находитесь в США и используете Venmo, я тоже могу это сделать. Просто дай мне знать! Лия
Моя электронная почта [email protected]
Привет, Девлин! Спасибо, этот код работает очень хорошо! Мне было интересно, можно ли поменять цвет фона на фоновое изображение? Не могли бы вы помочь мне с этим в обмен на взнос в размере 20 долларов в ваш кофейный фонд? :)