javascript - 给元素与前一个兄弟相同的宽度

Question

我想使用 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 的宽度应该取决于前一个兄弟元素而不是任何其他元素。

Answer 1

是

$('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);
});