배경 이미지는 어떻게 변경합니까?

Question

jquery로 divs 배경 이미지를 변경하려고합니다. 배경 이미지로 사용해야하는 사진은 첫 번째 이미지 사진입니다.

HTML

<div> 
    <img src="http://placehold.it/500x200"> 
    <img src="http://placehold.it/500x200"> 
    <img src="http://placehold.it/500x200"> 
    <img src="http://placehold.it/500x200"> 
</div> 

JS

$('div').css("background-image", "url(" + $('div img:first-child').attr('src'); + ")"); 

CODEPEN

http://codepen.io/aleksitappura/pen/nKehv

Answer 1

은 그냥 제거

$('div').css("background-image", "url(" + $('div img:first-child').attr('src') + ")"); 

작은 typo 오류 .attr('src');

후해야 ;

DEMO

Answer 2

당신은 스크립트 오류를 ​​감지하기 위해 콘솔을 사용할 수 있습니다. $('div img:first-child').attr('src') 뒤에있는 ;이 예기치 않게 잘못되어 게시 한 코드에 오류가 발생했습니다.

Answer 3

사용이

$('div').css("background-image", "url('" + $('div img:first-child').attr('src') + "')");