計算多發性元素寬度＆減去它們的document.ready

Question

我試圖計算與類名alt每個跨度元件的寬度，減去寬度，然後從該計算中減去另一個50像素：

<ul class="items"> 
    <li class="product1 alt"><a href=""><span>Televisions</span></a></li> 
    <li class="product2"><a href=""><span>MP3 Players</span></a></li> 
    <li class="product3 alt"><a href=""><span>Speakers</span></a></li> 
</ul> 

而且我的jQuery：

function moveIt() { 
    var diamond = $("#ir-content li.alt a span").width(); 
    $("#ir-content li.alt a span").css("left","-" + theMath - "50px"); 
    alert(theMath); 
} 

moveIt(); 

Answer 1

這是你想要做什麼？

function moveIt(){ 
    $("#ir-content li.alt a span").each(function(){ 
     $(this).css("left", ((0 - $(this).width()) - 50) + "px") 
    }); 
} 

$(document).ready(function(){ 
    moveIt(); 
}); 

http://jsfiddle.net/rxw3B/8/

注意，在這個答案，上面竟與OP的標記和CSS工作。然而，這可能是爲後代（使用position: relative）一個更好的例子：

http://jsfiddle.net/rxw3B/9/