Javascript 使用引导菜单选择项目后更改菜单名称

我有两个引导下拉菜单，您可以在其中选择一个项目：

<div class="btn-group onderdeelnaam">    
    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" id="onderdeel1"></button>    
    <ul class="dropdown-menu">    
        <li><a href="#" id="onderdeel1-1">onderdeel1-1</a></li>    
        <li><a href="#" id="onderdeel1-2">onderdeel1-2</a></li>    
    </ul>    
</div>  

<div class="btn-group onderdeelnaam">    
    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" id="onderdeel2"></button>    
    <ul class="dropdown-menu" id="dropdown1">    
        <li><a href="#" id="onderdeel2-1">onderdeel2</a></li>      
    </ul>    
</div>  

---

因此，无论我选择哪一个，两个下拉菜单都会获得我选择的项目的相同名称。我尝试使用最后一个脚本，使更改只发生在其中一个菜单上，例如，我尝试将

.dropdown menu

类更改为

id

，但没有成功。

您需要修改代码，以使用

this

关键字引用单击的元素。从那里，您可以使用

closest（）

和

find（）

来检索相关的

按钮

元素。试试这个：

$(".dropdown-menu li a").click(function() {
    $(this).closest('.btn-group').find('.btn').text($(this).text()).append("<span class='caret'>");
});

$（“.下拉菜单a”）。单击（函数（）{
$（this）.closest（'.btn group'）.find（'.btn'）.text（$（this.text（））.append（“”）；
});

---

您需要修改代码，以使用

this

关键字引用已单击的元素。从那里，您可以使用

closest（）

和

find（）

来检索相关的

按钮

元素。试试这个：

$(".dropdown-menu li a").click(function() {
    $(this).closest('.btn-group').find('.btn').text($(this).text()).append("<span class='caret'>");
});

$（“.下拉菜单a”）。单击（函数（）{
$（this）.closest（'.btn group'）.find（'.btn'）.text（$（this.text（））.append（“”）；
});

---

感谢您快速有效的回答！现在工作起来很有魅力：）我得到：谢谢你的反馈！一旦你赢得了总共15个声誉，你的投票将改变公开显示的帖子分数。感谢你快速有效的回答！现在工作起来很有魅力：）我得到：谢谢你的反馈！一旦你赢得总共15个声誉，你的投票将改变公开显示的帖子分数