Tengo dificultades para actualizar el fondo de un div tanto en javascript como en jquery.
html
<div id="images"> <img class="mypics" src="kitty.png" style="display:none"></div> <img class="mypics" src="doggy.png" style="display:none"></div> <img class="mypics" src="mouse.png" style="display:none"></div> </div>javascript/jquery
picArray = document.getElementsByClassName("mypics"); $('#images').css('background-image', 'url("' + picArray [0].src + '")');¿Desea cambiar el fondo de div único ? Utilice querySelector
const picArray = document.querySelector(".mypics"); $(picArray).css('background-image', 'url("' + picArray [0].src + '")');división múltiple?
getElementsByClassName es HTMLCollection
const picArray = document.getElementsByClassName("mypics"); picArray.forEach(pic => { $(pic).css('background-image', 'url("' + picArray [0].src + '")'); }); También puedes usar #images niños
consr images = document.getElementById("images").children; Array.from(images).forEach(pic => { $(pic).css('background-image', 'url("' + picArray [0].src + '")'); }); Aviso: use Array.from porque children son array-like
Pruebe la siguiente sintaxis
$('#images').css('background-image', 'url(' + picArray[0].src + ')');