获取前一个元素的宽度总和,直到特定元素
get sum of width of previous elements until particular element
我正在尝试使用 jquery ui-resizable 来制作可拆分的行列。所以在这里我需要得到之前 div 正在调整大小的 isions 的宽度总和。下面是我试过的。但是这里 if(cells[0] === currentSpan[0])
不工作..请帮忙。如果我能在没有 each
的情况下获得 div 宽度的总和,那就太好了..
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);
},
});
我猜这会对你有所帮助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);
我正在尝试使用 jquery ui-resizable 来制作可拆分的行列。所以在这里我需要得到之前 div 正在调整大小的 isions 的宽度总和。下面是我试过的。但是这里 if(cells[0] === currentSpan[0])
不工作..请帮忙。如果我能在没有 each
的情况下获得 div 宽度的总和,那就太好了..
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);
},
});
我猜这会对你有所帮助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);