將一個div的寬度設置為另一個div的寬度

Question

我在左上角有一個搜索按鈕，這使我的搜索欄處於切換狀態。 我想在這里實現的是這個。

我基本上希望搜索欄的寬度與它上方的“ welcome”標題相同。 “歡迎”不在標題標簽內，而是實際上在列表標簽​​內。

這是我創造的小提琴 。

這就是我嘗試過的。

 $(document).ready( function () {
var x = $("#page2content :ul").width();
$("#example_filter").css('width', 'x');
});

我基本上想獲得歡迎標頭寬度的寬度並將其存儲在var中，然后將該var傳遞給搜索欄的CSS寬度。 誰能告訴我我做錯了什么？ 您也可以給我一個微笑的解決方案，因為我不想直接通過css更改搜索欄的寬度，我想通過jquery設置其css。 謝謝。

Answer 1

1-此選擇器錯誤#page2content :ul ，刪除了: ，所以#page2content ul

2-返回的x是一個數字，您需要向其添加px以使其成為有效的CSS屬性。 您將需要定位input

var x = $("#page2content ul").width();
$("#example_filter label input").css('width', x + 'px');