Question

我有这个bootstrap（最小化）代码。

<div id='DD_type' class="dropdown">
   <button class="btn" ></button>
   <span id='af'>Type</span>
   <ul class="dropdown-menu">
      <li> 
         I want this HTML(its more than text) in my button
      </li>
   </ul>
</div>

<div id='Another Dropdown' class="dropdown">
   <button class="btn" ></button>
   <span id='af'>Type</span>
   <ul class="dropdown-menu">
      <li> 
         I want this HTML(its more than text) in my button
      </li>
   </ul>
</div>

我想用li中的第一个元素填充按钮。我现在拥有的是静态解决方案。

$(function() {
   $('#DD_LayOut>button').html($('#DD_LayOut>ul>li').html())
}

但是我希望有一个通用的解决方案。（是的，我做了一些搜索）。

我的工作根本不起作用。

 $('.dropdown > button').html($(This).siblings('ul>li:first').html())

有人可以帮我解决这个问题。

提前致谢！

Answer 1

要实现这一点，您可以为html()方法提供一个函数，因为该函数的范围将是button元素，您可以使用该元素遍历DOM以查找所需的li这样的事情：

$('.dropdown > button').html(function(i, h) {
    return $(this).siblings('.dropdown-menu').find('li:first').html();
});

Working example

选择侄女并改变兄弟姐妹

1 个答案: