2009-11-11 58 views
1

使用jQuery我想給一個特定的元素與之前的元素(同級)相同的寬度(在這種情況下是最小寬度)。在我的情況下,有一個無序列表(UL),我想給予寬度與div之前相同。例如:給元素的寬度與以前的兄弟相同

<div style="width:300px;"></div> 
<ul class="list"><li>item1</li><li>item2</li></ul> 
<div style="width:200px;"></div> 
<ul class="list"><li>item1</li><li>item2</li></ul> 

因此,UL的寬度應取決於以前的同胞而不是其他任何元素。

回答

4

是否

$('ul').each(function() 
{ 
    var width = $(this).prev().width(); 
    $(this).width(width); 
}); 

辦呢?如果你想獲得這樣做/ CSS設置改爲:

$('ul').each(function() 
{ 
    var width = $(this).prev().css('width'); 
    $(this).css('width', width); 
}); 
1
$('.list').each(function() { 
    var width = $(this).prev().width(); 
    $(this).width(width); 
}):