jQuery - bộ div chiều rộng để tổng hợp của nó là trẻ em

Question

Tôi đã sau thiết lập:

html:

<div id="holder"> 
    <div> 
    <img/> 
    <img/> 
    </div> 
</div> 

css

#holder { width: 800px; } 

bây giờ, tôi muốn làm cho jQuery phòng trưng bày và sẽ di chuyển dòng hình ảnh sang trái và phải với số âm margin-left của div bên trong.

Tuy nhiên, tôi phải thông báo <img/> s để di chuyển sang trái và đặt div bên trong là width để tính tổng chiều rộng của hình ảnh.

Làm cách nào để tôi thực hiện điều này một cách sạch sẽ và tốt đẹp?

cảm ơn bạn

Answer 1

var sum=0; 
$('#holder img').each(function(){ sum += $(this).width(); }); 
$('#holder > div').width(sum); 

//alert(sum); 

này nên làm các trick ..

Các phao để những hình ảnh, bạn có thể áp dụng nó với css

#holder img{float:left;}