jQuery - ersetzen div Hintergrundbild von URL

Question

Ich versuche, div Hintergrund in mehreren divs von Label-Element (URL eingegeben) zu ersetzen und während der Code funktioniert, wird es nicht durch $ ('# urlImage') .

jQuery:

$(document).ready(function(){ 
$('.first, .second, .third').append(""); 
    $('#urlImage').change(function(){ 
    $('.first, .second, .third').css('background-image', $('#urlImage').val()); 
    }); 
}) 

HTML

<input type="text" id="urlImage" placeholder="Type image URL"> 

<div class="first"> 
</div> 
<div class="second"> 
</div> 
<div class="third"> 
</div> 

Im Grunde brauche ich alles, was geschrieben wird als Hintergrundbild geladen werden.

Vielen Dank für Anregungen.

Answer 1

lassen versuchen

$(document).ready(function(){ 
    $('#urlImage>div').each(function(){ 
    $(this).css('background-image', $('#urlImage').val()); 
    }); 
}) 

Answer 2

innerhalb eines div Ihre Dom Elemente wickeln und durchlaufen für div Elemente suchen und background-image CSS-Eigenschaft auf jedem div mit urlImage Eingangswert Dies nur schon, wenn Sie hinzufügen, funktionieren würde, haben einen gewissen Wert in Ihrem Eingangselement, um es zu behandeln immer Sie es durch Tastendruck oder keyup Ereignis

HTML

behandeln soll

JS:

 $(document).ready(function(){ 
    var imageUrl = document.getElementById("#urlImage").value; 
    $('#wrapper > div').each(function() { 
     this.css('background-image', 'url(' + imageUrl + ')');// "this" is the current element in the loop 
    }); 
    }) 

bearbeiten 1

(function(){ 
     $("#urlImage").keyup(function(){ 
     var imageUrl = document.getElementById("#urlImage").value; 
     $('#wrapper > div').each(function() { 
     this.css('background-image', 'url(' + imageUrl + ')');// "this" is the current element in the loop 
     }); 
     }); 
     })