¿Hay algún jquery o JS para archivar todos los div que tienen una imagen de fondo? Necesito cargar perezosamente en estos div.
Hay una buena publicación que muestra cómo encontrar todas las imágenes (imágenes, imágenes de fondo, imágenes en iframes): https://blog.crimx.com/2017/03/09/get-all-images-in-dom -incluido-el-fondo-es/
Entonces, si está tratando de encontrar todos los divs que tienen una imagen de fondo que es una imagen de una URL (no un degradado), este código lo hará por usted:
let divs = document.querySelectorAll("div"); let urlRegex = /url\(\s*?['"]?\s*?(\S+?)\s*?["']?\s*?\)/; var divsWithBackgroundImage = Array.from(divs).filter((div) => { let backgroundImage = getComputedStyle(div).getPropertyValue("background-image"); return (backgroundImage.match(urlRegex)); });Otra solución
$('div').each(function() { if($(this).css('background-image') != 'none'){ console.log($(this).css('background-image').split(/"/)[1]); } });tengo otra solución
$('div').filter(function(){ if(this.style.backgroundImage){ console.log(this.style.backgroundImage); } });