Javascript-форум - Смена backgroundColor ?

Javascript-форум (https://javascript.ru/forum/)

- Events/DOM/Window (https://javascript.ru/forum/events/)

- - Смена backgroundColor ? (https://javascript.ru/forum/events/21908-smena-backgroundcolor.html)

Смена backgroundColor ?

вот так всё у меня выглядит ) и смысл в том что когда значение s = 0 то фон должен поменяться только он этого не делает

Код:

var makeDiv = function(str, style) {

  

  var div = $('<div>');

      div.css(style);

      div.text(str);

  return div;

};



var makeP = function(p) {

  

  var a = makeDiv(p.name + ' ' + p.surname, {

    backgroundColor: 'orange', 

    color: 'white',          

    padding: '2px 6px',     

    fontSize: '18pt',        

  });



var setS = function(newS){

    sa = newS;

    if (s > 0) {

      a.style.backgroundColor = 'yellow'; 

    } else {

      s = 0;

      a.style.backgroundColor = 'gray';

    }

  }

Я по пробывал так

$('div#d').css('background-color','yellow');

но у тэгов div нету ID тогда как мне указать какой див я хочу изменить ? Может можно отрегулировать фабрику создания дивов так чтоб ещё можно было задать ID ?

Цитата:

Сообщение от ktelfon

как мне указать какой див я хочу изменить ?

Когда создаёшь див - тогда и вешай на него обработчик. Или "помечай" его (например) каким-либо классом...

Цитата:

Сообщение от ksa (Сообщение 128567)

Когда создаёшь див - тогда и вешай на него обработчик. Или "помечай" его (например) каким-либо классом...

Только вот я не знаю как это сделать нету какого-то примера ?

Цитата:

Сообщение от ktelfon

нету какого-то примера

Его всегда можно сделать... :D

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<style type="text/css">
.box {
	width: 100px;
	height: 20px;
	margin-top: 5px;
	border: 1px solid;
	cursor: pointer;
</style>
<script type="text/javascript">
$(document).ready(function (){
	$('#bt').click(function () {
		var div = $('<div></div>')
		div.addClass('box')
		div.click(function (){
			alert('Opa!')
		})
		$('#container').append(div)
	})
})
</script>
</head>
<body>
<input id='bt' type='button' value='Add' />
<div id='container'></div>
</body>
</html>
</body>
</html>