将一个div的宽度设置为另一个div的宽度

Question

我左上角有一个搜索按钮，可以让我的搜索栏切换。我想在这里实现的是这个。

我基本上希望搜索栏的宽度与其正上方的“欢迎”标题相同。欢迎不在标题标记内，它实际上在列表标记内。

这是我创建的fiddle。

这就是我的尝试。

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