Question

我想将下拉列表的宽度设置为点击链接的宽度。这必须是通用的，而不是基于ID，因为页面上可能有很多这些ID。这是我的标记：

  <div class="dropdown bottom clearfix">
    <a class="nav toolbar-nav dropdown-toggle" data-toggle="dropdown"><h2 class="nav">Clickable Item</h2></a>
    <ul class="dropdown-menu dropdown-bottom-right clearfix"  role="menu" aria-labelledby="dLabel">
      <li><a>Item One</a></li>
      <li><a>Item Two</a></li>
      <li><a>Item Three</a></li>
    </ul>
  </div>

我顺便使用bootstrap。

Answer 1

基本上只需使用$ .width（）jquery方法。您可以使用$ .each（）方法调用页面上的所有项目并格式化各自的列表。

jQuery的：

$(".nav").each(function(){
    var width = $(this).width();
    $(this + "li").css("width", width);
});

如果您只将这些DOM元素用于可点击项目，则可以将“.nav”替换为“h2”或“a”，然后打开标签进行格式化。

如何根据单击项目的宽度设置下拉列表的宽度

1 个答案: