Получить сумму ширины предыдущих элементов до определенного элемента

Question

Я пытаюсь сделать разделить столбцы строк с помощью jquery ui-resizable. поэтому здесь мне нужно получить сумму ширины предыдущих делений, размер которых изменяется. ниже то, что я пытался. но здесь if(cells[0] === currentSpan[0]) не работает.. любой помогает, пожалуйста. И если я могу получить эту сумму ширины Div без each будет здорово..

HTML

<div class='row'>
   <div class='simpleSpan' style='width:50px'></div>
   <div class='simpleSpan' style='width:10px'></div>
   <div class='simpleSpan' style='width:20px'></div>//this one will be re-sizing
   <div class='simpleSpan' style='width:20px'></div>
</div>

JS

 var appendRow = $('.row');
 $(".report .simpleSpan").resizable({
    handles: 'e',
    minWidth: '50',
    maxWidth: '500',
    resize: function() {
        var totWidth = 0;
        var currentSpan = this;
        $(appendRow).each(function(x,span) 
        {
            var cells = $(".simpleSpan", span);
            for(iCounter=0;iCounter<cells.length;iCounter++)
            {
                if(cells[0] === currentSpan[0])
                    return false;
                totWidth = totWidth + cells.width();
            }
        });
        alert(totWidth);
    },


  });

Answer 1

Думаю, это поможет вам http://jsfiddle.net/un353ab6/1/

var widthAdd = 0;
var lengthPreDiv = $('.get').prevAll().length;
for(i=0; i<lengthPreDiv; i++)
{
    widthAdd = widthAdd+parseInt($('.get').siblings().eq(i).width());
}
alert(widthAdd);