如何使用所选li列表项的文本更改下拉菜单中按钮的文本 - jquery

Question

我正在尝试使用所选项目的文本更改下拉菜单的文本。

//HTML
<div class="btn-group">
    <button type="button" class="btn btn-default">DATE</button>
    <button type="button" class="btn dropdown-toggle" data-toggle="dropdown">
        <span class="caret"></span>
        <span class="sr-only">Toggle Dropdown</span>
    </button>
    <ul class="dropdown-menu" role="menu">
        <li><a href="#">TODAY</a></li>
    </ul>
</div>

//JQUERY
$('.dropdown-menu li').click(function(e){
    //e.stopPropagation();
    e.preventDefault();
    $(this).closest('.btn-default').html($(this).text());
});

Answer 1

closest()只搜索树上的祖先，而.btn-default不是<li>的祖先。此外，您确定要.html()而不是.text()吗？

$('.dropdown-menu li').click(function (e) {
    //e.stopPropagation();
    e.preventDefault();
    $(this).closest('.btn-group').children('.btn-default').text($(this).text());
});

Answer 2

你是说这个意思吗？的 DEMO

$('.dropdown-menu li').click(function(e){
    //e.stopPropagation();
    e.preventDefault();
    $(this).closest('ul').siblings('.btn-default').html($(this).text());
});