jquery - 我无法让 jquery .width() 工作

Question

我得到了这个 HTML 代码:

<div class="tab">
    <a href="#">SPECS</a>
    <div class="sub-menu">
        <a href="#">Specs 1</a>
        <a href="#">Specs 2</a>
        <a href="#">Specs 3</a>
    </div>
</div>
<div class="tab">
    <a href="#">GALLERY</a>
    <div class="sub-menu">
        <a href="#">Gallery 1</a>
        <a href="#">Gallery 2</a>
        <a href="#">Gallery 3</a>
    </div>
</div>

我想做的是，我不想在 CSS 中指定 .sub-menu 的宽度，我希望它是动态的，与 div 的内容不同。我试着用 jQuery 来做这个:

var width = $(".sub-menu").width();
$(".sub-menu").css("width", width);

但它不起作用，它给所有的 .sub-menu div 设置了 0px 的宽度。我可能想使用 .each 函数，这样每个 .sub-menu 都会得到它的宽度并作为 css 应用。我希望我已经足够清楚了。

谢谢。

Answer 1

将此添加到您的 CSS:

.sub-menu {display:inline-block}

这将使菜单采用其内容所需的宽度，而不是更多。