Как динамическому блоку изменить цвет?

360

18 марта 2017, 01:40

У меня не изменяет цвет блока

$(".w1").append("<div id='#s"+i+"'>"  +  m[i].mg + "</div>");
$(".btn").click(function(){
  $(".s1").css(background,red);
})

Answer 1

Вы напутали с селекторами:

$(".w1").append("<div id='s1'>123</div>"); 
$(".btn").click(function() { 
  $("#s1").css('background', 'red'); 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<div class="w1"> 
  <button class="btn">click</button> 
</div>

JSfiddle

Answer 2

Создаёте новый элемент и потом к нему обращаетесь через переменную.

var m = [{mg: 'Мой текст'}], 
    i = 0; 
 
var $new_element = $("<div id='#s" + i + "'>" + m[i].mg + "</div>"); 
 
$(".w1").append($new_element); 
 
$(".btn").click(function() { 
  $new_element.css('background', 'red'); 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="w1"> 
  <button class="btn">Изменить цвет</button> 
</div>